
<ol class="breadcrumb newcrumb">
    <li>
        <a href="#">
            <span><i class="fa fontello-home-outline"></i>
            </span>UI Element  </a>
    </li>
    <li class="active">Icons</li>
</ol>

<!-- Small boxes (Stat box) -->
<div class="row">
        <!-- small box -->
        <div class="box box-danger" id="loading-example">
            <div class="box-header" style="cursor: move;">
                <!-- tools box -->
            
                <h3 class="box-title">Fontello</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">

                    <div class="col-sm-12">
                        <div id="icons">
                            <div class="row">
                                <div title="Code: 0x21" class="the-icons col-md-3 col-sm-4"><i class="fontello-stopwatch"></i> 
                                    <span class="i-name">fontello-stopwatch</span>
                                    <span class="i-code">0x21</span>
                                </div>
                                <div title="Code: 0x22" class="the-icons col-md-3 col-sm-4"><i class="fontello-windy-rain-inv"></i> 
                                    <span class="i-name">fontello-windy-rain-inv</span>
                                    <span class="i-code">0x22</span>
                                </div>
                                <div title="Code: 0x23" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow-inv"></i> 
                                    <span class="i-name">fontello-snow-inv</span>
                                    <span class="i-code">0x23</span>
                                </div>
                                <div title="Code: 0x24" class="the-icons col-md-3 col-sm-4"><i class="fontello-hail-inv"></i> 
                                    <span class="i-name">fontello-hail-inv</span>
                                    <span class="i-code">0x24</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x25" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow-heavy-inv"></i> 
                                    <span class="i-name">fontello-snow-heavy-inv</span>
                                    <span class="i-code">0x25</span>
                                </div>
                                <div title="Code: 0x26" class="the-icons col-md-3 col-sm-4"><i class="fontello-clouds-inv"></i> 
                                    <span class="i-name">fontello-clouds-inv</span>
                                    <span class="i-code">0x26</span>
                                </div>
                                <div title="Code: 0x27" class="the-icons col-md-3 col-sm-4"><i class="fontello-clouds-flash-inv"></i> 
                                    <span class="i-name">fontello-clouds-flash-inv</span>
                                    <span class="i-code">0x27</span>
                                </div>
                                <div title="Code: 0x28" class="the-icons col-md-3 col-sm-4"><i class="fontello-temperature"></i> 
                                    <span class="i-name">fontello-temperature</span>
                                    <span class="i-code">0x28</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x29" class="the-icons col-md-3 col-sm-4"><i class="fontello-compass-1"></i> 
                                    <span class="i-name">fontello-compass-1</span>
                                    <span class="i-code">0x29</span>
                                </div>
                                <div title="Code: 0x2a" class="the-icons col-md-3 col-sm-4"><i class="fontello-na"></i> 
                                    <span class="i-name">fontello-na</span>
                                    <span class="i-code">0x2a</span>
                                </div>
                                <div title="Code: 0x2b" class="the-icons col-md-3 col-sm-4"><i class="fontello-celcius"></i> 
                                    <span class="i-name">fontello-celcius</span>
                                    <span class="i-code">0x2b</span>
                                </div>
                                <div title="Code: 0x2c" class="the-icons col-md-3 col-sm-4"><i class="fontello-fahrenheit"></i> 
                                    <span class="i-name">fontello-fahrenheit</span>
                                    <span class="i-code">0x2c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x2d" class="the-icons col-md-3 col-sm-4"><i class="fontello-aboveground-rail"></i> 
                                    <span class="i-name">fontello-aboveground-rail</span>
                                    <span class="i-code">0x2d</span>
                                </div>
                                <div title="Code: 0x2e" class="the-icons col-md-3 col-sm-4"><i class="fontello-airfield"></i> 
                                    <span class="i-name">fontello-airfield</span>
                                    <span class="i-code">0x2e</span>
                                </div>
                                <div title="Code: 0x2f" class="the-icons col-md-3 col-sm-4"><i class="fontello-airport"></i> 
                                    <span class="i-name">fontello-airport</span>
                                    <span class="i-code">0x2f</span>
                                </div>
                                <div title="Code: 0x30" class="the-icons col-md-3 col-sm-4"><i class="fontello-clouds-flash-alt"></i> 
                                    <span class="i-name">fontello-clouds-flash-alt</span>
                                    <span class="i-code">0x30</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x31" class="the-icons col-md-3 col-sm-4"><i class="fontello-sun-inv"></i> 
                                    <span class="i-name">fontello-sun-inv</span>
                                    <span class="i-code">0x31</span>
                                </div>
                                <div title="Code: 0x32" class="the-icons col-md-3 col-sm-4"><i class="fontello-moon-inv"></i> 
                                    <span class="i-name">fontello-moon-inv</span>
                                    <span class="i-code">0x32</span>
                                </div>
                                <div title="Code: 0x33" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-sun-inv"></i> 
                                    <span class="i-name">fontello-cloud-sun-inv</span>
                                    <span class="i-code">0x33</span>
                                </div>
                                <div title="Code: 0x34" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-moon-inv"></i> 
                                    <span class="i-name">fontello-cloud-moon-inv</span>
                                    <span class="i-code">0x34</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x35" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-inv"></i> 
                                    <span class="i-name">fontello-cloud-inv</span>
                                    <span class="i-code">0x35</span>
                                </div>
                                <div title="Code: 0x36" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-flash-inv"></i> 
                                    <span class="i-name">fontello-cloud-flash-inv</span>
                                    <span class="i-code">0x36</span>
                                </div>
                                <div title="Code: 0x37" class="the-icons col-md-3 col-sm-4"><i class="fontello-drizzle-inv"></i> 
                                    <span class="i-name">fontello-drizzle-inv</span>
                                    <span class="i-code">0x37</span>
                                </div>
                                <div title="Code: 0x38" class="the-icons col-md-3 col-sm-4"><i class="fontello-rain-inv"></i> 
                                    <span class="i-name">fontello-rain-inv</span>
                                    <span class="i-code">0x38</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x39" class="the-icons col-md-3 col-sm-4"><i class="fontello-windy-inv"></i> 
                                    <span class="i-name">fontello-windy-inv</span>
                                    <span class="i-code">0x39</span>
                                </div>
                                <div title="Code: 0x3a" class="the-icons col-md-3 col-sm-4"><i class="fontello-fast-food"></i> 
                                    <span class="i-name">fontello-fast-food</span>
                                    <span class="i-code">0x3a</span>
                                </div>
                                <div title="Code: 0x3b" class="the-icons col-md-3 col-sm-4"><i class="fontello-ferry"></i> 
                                    <span class="i-name">fontello-ferry</span>
                                    <span class="i-code">0x3b</span>
                                </div>
                                <div title="Code: 0x3c" class="the-icons col-md-3 col-sm-4"><i class="fontello-fire-station"></i> 
                                    <span class="i-name">fontello-fire-station</span>
                                    <span class="i-code">0x3c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x3d" class="the-icons col-md-3 col-sm-4"><i class="fontello-pitch"></i> 
                                    <span class="i-name">fontello-pitch</span>
                                    <span class="i-code">0x3d</span>
                                </div>
                                <div title="Code: 0x3e" class="the-icons col-md-3 col-sm-4"><i class="fontello-police"></i> 
                                    <span class="i-name">fontello-police</span>
                                    <span class="i-code">0x3e</span>
                                </div>
                                <div title="Code: 0x3f" class="the-icons col-md-3 col-sm-4"><i class="fontello-post"></i> 
                                    <span class="i-name">fontello-post</span>
                                    <span class="i-code">0x3f</span>
                                </div>
                                <div title="Code: 0x40" class="the-icons col-md-3 col-sm-4"><i class="fontello-tree-1"></i> 
                                    <span class="i-name">fontello-tree-1</span>
                                    <span class="i-code">0x40</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x41" class="the-icons col-md-3 col-sm-4"><i class="fontello-sunrise"></i> 
                                    <span class="i-name">fontello-sunrise</span>
                                    <span class="i-code">0x41</span>
                                </div>
                                <div title="Code: 0x42" class="the-icons col-md-3 col-sm-4"><i class="fontello-sun-1"></i> 
                                    <span class="i-name">fontello-sun-1</span>
                                    <span class="i-code">0x42</span>
                                </div>
                                <div title="Code: 0x43" class="the-icons col-md-3 col-sm-4"><i class="fontello-moon-1"></i> 
                                    <span class="i-name">fontello-moon-1</span>
                                    <span class="i-code">0x43</span>
                                </div>
                                <div title="Code: 0x44" class="the-icons col-md-3 col-sm-4"><i class="fontello-eclipse"></i> 
                                    <span class="i-name">fontello-eclipse</span>
                                    <span class="i-code">0x44</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x45" class="the-icons col-md-3 col-sm-4"><i class="fontello-mist"></i> 
                                    <span class="i-name">fontello-mist</span>
                                    <span class="i-code">0x45</span>
                                </div>
                                <div title="Code: 0x46" class="the-icons col-md-3 col-sm-4"><i class="fontello-wind-1"></i> 
                                    <span class="i-name">fontello-wind-1</span>
                                    <span class="i-code">0x46</span>
                                </div>
                                <div title="Code: 0x47" class="the-icons col-md-3 col-sm-4"><i class="fontello-snowflake"></i> 
                                    <span class="i-name">fontello-snowflake</span>
                                    <span class="i-code">0x47</span>
                                </div>
                                <div title="Code: 0x48" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-sun-1"></i> 
                                    <span class="i-name">fontello-cloud-sun-1</span>
                                    <span class="i-code">0x48</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x49" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-moon"></i> 
                                    <span class="i-name">fontello-cloud-moon</span>
                                    <span class="i-code">0x49</span>
                                </div>
                                <div title="Code: 0x4a" class="the-icons col-md-3 col-sm-4"><i class="fontello-fog-sun"></i> 
                                    <span class="i-name">fontello-fog-sun</span>
                                    <span class="i-code">0x4a</span>
                                </div>
                                <div title="Code: 0x4b" class="the-icons col-md-3 col-sm-4"><i class="fontello-fog-moon"></i> 
                                    <span class="i-name">fontello-fog-moon</span>
                                    <span class="i-code">0x4b</span>
                                </div>
                                <div title="Code: 0x4c" class="the-icons col-md-3 col-sm-4"><i class="fontello-fog-cloud"></i> 
                                    <span class="i-name">fontello-fog-cloud</span>
                                    <span class="i-code">0x4c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x4d" class="the-icons col-md-3 col-sm-4"><i class="fontello-fog"></i> 
                                    <span class="i-name">fontello-fog</span>
                                    <span class="i-code">0x4d</span>
                                </div>
                                <div title="Code: 0x4e" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-1"></i> 
                                    <span class="i-name">fontello-cloud-1</span>
                                    <span class="i-code">0x4e</span>
                                </div>
                                <div title="Code: 0x4f" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-flash-1"></i> 
                                    <span class="i-name">fontello-cloud-flash-1</span>
                                    <span class="i-code">0x4f</span>
                                </div>
                                <div title="Code: 0x50" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-flash-alt"></i> 
                                    <span class="i-name">fontello-cloud-flash-alt</span>
                                    <span class="i-code">0x50</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x51" class="the-icons col-md-3 col-sm-4"><i class="fontello-drizzle-1"></i> 
                                    <span class="i-name">fontello-drizzle-1</span>
                                    <span class="i-code">0x51</span>
                                </div>
                                <div title="Code: 0x52" class="the-icons col-md-3 col-sm-4"><i class="fontello-rain-1"></i> 
                                    <span class="i-name">fontello-rain-1</span>
                                    <span class="i-code">0x52</span>
                                </div>
                                <div title="Code: 0x53" class="the-icons col-md-3 col-sm-4"><i class="fontello-windy"></i> 
                                    <span class="i-name">fontello-windy</span>
                                    <span class="i-code">0x53</span>
                                </div>
                                <div title="Code: 0x54" class="the-icons col-md-3 col-sm-4"><i class="fontello-windy-rain"></i> 
                                    <span class="i-name">fontello-windy-rain</span>
                                    <span class="i-code">0x54</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x55" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow-1"></i> 
                                    <span class="i-name">fontello-snow-1</span>
                                    <span class="i-code">0x55</span>
                                </div>
                                <div title="Code: 0x56" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow-alt"></i> 
                                    <span class="i-name">fontello-snow-alt</span>
                                    <span class="i-code">0x56</span>
                                </div>
                                <div title="Code: 0x57" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow-heavy"></i> 
                                    <span class="i-name">fontello-snow-heavy</span>
                                    <span class="i-code">0x57</span>
                                </div>
                                <div title="Code: 0x58" class="the-icons col-md-3 col-sm-4"><i class="fontello-hail"></i> 
                                    <span class="i-name">fontello-hail</span>
                                    <span class="i-code">0x58</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x59" class="the-icons col-md-3 col-sm-4"><i class="fontello-clouds"></i> 
                                    <span class="i-name">fontello-clouds</span>
                                    <span class="i-code">0x59</span>
                                </div>
                                <div title="Code: 0x5a" class="the-icons col-md-3 col-sm-4"><i class="fontello-clouds-flash"></i> 
                                    <span class="i-name">fontello-clouds-flash</span>
                                    <span class="i-code">0x5a</span>
                                </div>
                                <div title="Code: 0x5b" class="the-icons col-md-3 col-sm-4"><i class="fontello-tree-2"></i> 
                                    <span class="i-name">fontello-tree-2</span>
                                    <span class="i-code">0x5b</span>
                                </div>
                                <div title="Code: 0x5c" class="the-icons col-md-3 col-sm-4"><i class="fontello-warehouse"></i> 
                                    <span class="i-name">fontello-warehouse</span>
                                    <span class="i-code">0x5c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x5d" class="the-icons col-md-3 col-sm-4"><i class="fontello-art-gallery"></i> 
                                    <span class="i-name">fontello-art-gallery</span>
                                    <span class="i-code">0x5d</span>
                                </div>
                                <div title="Code: 0x5e" class="the-icons col-md-3 col-sm-4"><i class="fontello-bar"></i> 
                                    <span class="i-name">fontello-bar</span>
                                    <span class="i-code">0x5e</span>
                                </div>
                                <div title="Code: 0x5f" class="the-icons col-md-3 col-sm-4"><i class="fontello-baseball"></i> 
                                    <span class="i-name">fontello-baseball</span>
                                    <span class="i-code">0x5f</span>
                                </div>
                                <div title="Code: 0x60" class="the-icons col-md-3 col-sm-4"><i class="fontello-basketball"></i> 
                                    <span class="i-name">fontello-basketball</span>
                                    <span class="i-code">0x60</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x61" class="the-icons col-md-3 col-sm-4"><i class="fontello-beer-1"></i> 
                                    <span class="i-name">fontello-beer-1</span>
                                    <span class="i-code">0x61</span>
                                </div>
                                <div title="Code: 0x62" class="the-icons col-md-3 col-sm-4"><i class="fontello-belowground-rail"></i> 
                                    <span class="i-name">fontello-belowground-rail</span>
                                    <span class="i-code">0x62</span>
                                </div>
                                <div title="Code: 0x63" class="the-icons col-md-3 col-sm-4"><i class="fontello-bicycle"></i> 
                                    <span class="i-name">fontello-bicycle</span>
                                    <span class="i-code">0x63</span>
                                </div>
                                <div title="Code: 0x64" class="the-icons col-md-3 col-sm-4"><i class="fontello-bus"></i> 
                                    <span class="i-name">fontello-bus</span>
                                    <span class="i-code">0x64</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x65" class="the-icons col-md-3 col-sm-4"><i class="fontello-cafe"></i> 
                                    <span class="i-name">fontello-cafe</span>
                                    <span class="i-code">0x65</span>
                                </div>
                                <div title="Code: 0x66" class="the-icons col-md-3 col-sm-4"><i class="fontello-campsite"></i> 
                                    <span class="i-name">fontello-campsite</span>
                                    <span class="i-code">0x66</span>
                                </div>
                                <div title="Code: 0x67" class="the-icons col-md-3 col-sm-4"><i class="fontello-cemetery"></i> 
                                    <span class="i-name">fontello-cemetery</span>
                                    <span class="i-code">0x67</span>
                                </div>
                                <div title="Code: 0x68" class="the-icons col-md-3 col-sm-4"><i class="fontello-cinema"></i> 
                                    <span class="i-name">fontello-cinema</span>
                                    <span class="i-code">0x68</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x69" class="the-icons col-md-3 col-sm-4"><i class="fontello-college"></i> 
                                    <span class="i-name">fontello-college</span>
                                    <span class="i-code">0x69</span>
                                </div>
                                <div title="Code: 0x6a" class="the-icons col-md-3 col-sm-4"><i class="fontello-commerical-building"></i> 
                                    <span class="i-name">fontello-commerical-building</span>
                                    <span class="i-code">0x6a</span>
                                </div>
                                <div title="Code: 0x6b" class="the-icons col-md-3 col-sm-4"><i class="fontello-credit-card-1"></i> 
                                    <span class="i-name">fontello-credit-card-1</span>
                                    <span class="i-code">0x6b</span>
                                </div>
                                <div title="Code: 0x6c" class="the-icons col-md-3 col-sm-4"><i class="fontello-cricket"></i> 
                                    <span class="i-name">fontello-cricket</span>
                                    <span class="i-code">0x6c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x6d" class="the-icons col-md-3 col-sm-4"><i class="fontello-embassy"></i> 
                                    <span class="i-name">fontello-embassy</span>
                                    <span class="i-code">0x6d</span>
                                </div>
                                <div title="Code: 0x6e" class="the-icons col-md-3 col-sm-4"><i class="fontello-football"></i> 
                                    <span class="i-name">fontello-football</span>
                                    <span class="i-code">0x6e</span>
                                </div>
                                <div title="Code: 0x6f" class="the-icons col-md-3 col-sm-4"><i class="fontello-fuel"></i> 
                                    <span class="i-name">fontello-fuel</span>
                                    <span class="i-code">0x6f</span>
                                </div>
                                <div title="Code: 0x70" class="the-icons col-md-3 col-sm-4"><i class="fontello-garden"></i> 
                                    <span class="i-name">fontello-garden</span>
                                    <span class="i-code">0x70</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x71" class="the-icons col-md-3 col-sm-4"><i class="fontello-giraffe"></i> 
                                    <span class="i-name">fontello-giraffe</span>
                                    <span class="i-code">0x71</span>
                                </div>
                                <div title="Code: 0x72" class="the-icons col-md-3 col-sm-4"><i class="fontello-golf"></i> 
                                    <span class="i-name">fontello-golf</span>
                                    <span class="i-code">0x72</span>
                                </div>
                                <div title="Code: 0x73" class="the-icons col-md-3 col-sm-4"><i class="fontello-grocery-store"></i> 
                                    <span class="i-name">fontello-grocery-store</span>
                                    <span class="i-code">0x73</span>
                                </div>
                                <div title="Code: 0x74" class="the-icons col-md-3 col-sm-4"><i class="fontello-harbor"></i> 
                                    <span class="i-name">fontello-harbor</span>
                                    <span class="i-code">0x74</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x75" class="the-icons col-md-3 col-sm-4"><i class="fontello-heliport"></i> 
                                    <span class="i-name">fontello-heliport</span>
                                    <span class="i-code">0x75</span>
                                </div>
                                <div title="Code: 0x76" class="the-icons col-md-3 col-sm-4"><i class="fontello-hospital"></i> 
                                    <span class="i-name">fontello-hospital</span>
                                    <span class="i-code">0x76</span>
                                </div>
                                <div title="Code: 0x77" class="the-icons col-md-3 col-sm-4"><i class="fontello-industrial-building"></i> 
                                    <span class="i-name">fontello-industrial-building</span>
                                    <span class="i-code">0x77</span>
                                </div>
                                <div title="Code: 0x78" class="the-icons col-md-3 col-sm-4"><i class="fontello-library"></i> 
                                    <span class="i-name">fontello-library</span>
                                    <span class="i-code">0x78</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x79" class="the-icons col-md-3 col-sm-4"><i class="fontello-lodging"></i> 
                                    <span class="i-name">fontello-lodging</span>
                                    <span class="i-code">0x79</span>
                                </div>
                                <div title="Code: 0x7a" class="the-icons col-md-3 col-sm-4"><i class="fontello-london-underground"></i> 
                                    <span class="i-name">fontello-london-underground</span>
                                    <span class="i-code">0x7a</span>
                                </div>
                                <div title="Code: 0x7b" class="the-icons col-md-3 col-sm-4"><i class="fontello-minefield"></i> 
                                    <span class="i-name">fontello-minefield</span>
                                    <span class="i-code">0x7b</span>
                                </div>
                                <div title="Code: 0x7c" class="the-icons col-md-3 col-sm-4"><i class="fontello-monument"></i> 
                                    <span class="i-name">fontello-monument</span>
                                    <span class="i-code">0x7c</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0x7d" class="the-icons col-md-3 col-sm-4"><i class="fontello-museum"></i> 
                                    <span class="i-name">fontello-museum</span>
                                    <span class="i-code">0x7d</span>
                                </div>
                                <div title="Code: 0x7e" class="the-icons col-md-3 col-sm-4"><i class="fontello-pharmacy"></i> 
                                    <span class="i-name">fontello-pharmacy</span>
                                    <span class="i-code">0x7e</span>
                                </div>
                                <div title="Code: 0xe800" class="the-icons col-md-3 col-sm-4"><i class="fontello-music-outline"></i> 
                                    <span class="i-name">fontello-music-outline</span>
                                    <span class="i-code">0xe800</span>
                                </div>
                                <div title="Code: 0xe801" class="the-icons col-md-3 col-sm-4"><i class="fontello-music"></i> 
                                    <span class="i-name">fontello-music</span>
                                    <span class="i-code">0xe801</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe802" class="the-icons col-md-3 col-sm-4"><i class="fontello-search-outline"></i> 
                                    <span class="i-name">fontello-search-outline</span>
                                    <span class="i-code">0xe802</span>
                                </div>
                                <div title="Code: 0xe803" class="the-icons col-md-3 col-sm-4"><i class="fontello-search"></i> 
                                    <span class="i-name">fontello-search</span>
                                    <span class="i-code">0xe803</span>
                                </div>
                                <div title="Code: 0xe804" class="the-icons col-md-3 col-sm-4"><i class="fontello-mail"></i> 
                                    <span class="i-name">fontello-mail</span>
                                    <span class="i-code">0xe804</span>
                                </div>
                                <div title="Code: 0xe805" class="the-icons col-md-3 col-sm-4"><i class="fontello-heart"></i> 
                                    <span class="i-name">fontello-heart</span>
                                    <span class="i-code">0xe805</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe806" class="the-icons col-md-3 col-sm-4"><i class="fontello-heart-filled"></i> 
                                    <span class="i-name">fontello-heart-filled</span>
                                    <span class="i-code">0xe806</span>
                                </div>
                                <div title="Code: 0xe807" class="the-icons col-md-3 col-sm-4"><i class="fontello-star"></i> 
                                    <span class="i-name">fontello-star</span>
                                    <span class="i-code">0xe807</span>
                                </div>
                                <div title="Code: 0xe808" class="the-icons col-md-3 col-sm-4"><i class="fontello-star-filled"></i> 
                                    <span class="i-name">fontello-star-filled</span>
                                    <span class="i-code">0xe808</span>
                                </div>
                                <div title="Code: 0xe809" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-outline"></i> 
                                    <span class="i-name">fontello-user-outline</span>
                                    <span class="i-code">0xe809</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe80a" class="the-icons col-md-3 col-sm-4"><i class="fontello-user"></i> 
                                    <span class="i-name">fontello-user</span>
                                    <span class="i-code">0xe80a</span>
                                </div>
                                <div title="Code: 0xe80b" class="the-icons col-md-3 col-sm-4"><i class="fontello-users-outline"></i> 
                                    <span class="i-name">fontello-users-outline</span>
                                    <span class="i-code">0xe80b</span>
                                </div>
                                <div title="Code: 0xe80c" class="the-icons col-md-3 col-sm-4"><i class="fontello-users"></i> 
                                    <span class="i-name">fontello-users</span>
                                    <span class="i-code">0xe80c</span>
                                </div>
                                <div title="Code: 0xe80d" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-add-outline"></i> 
                                    <span class="i-name">fontello-user-add-outline</span>
                                    <span class="i-code">0xe80d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe80e" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-add"></i> 
                                    <span class="i-name">fontello-user-add</span>
                                    <span class="i-code">0xe80e</span>
                                </div>
                                <div title="Code: 0xe80f" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-delete-outline"></i> 
                                    <span class="i-name">fontello-user-delete-outline</span>
                                    <span class="i-code">0xe80f</span>
                                </div>
                                <div title="Code: 0xe810" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-delete"></i> 
                                    <span class="i-name">fontello-user-delete</span>
                                    <span class="i-code">0xe810</span>
                                </div>
                                <div title="Code: 0xe811" class="the-icons col-md-3 col-sm-4"><i class="fontello-video"></i> 
                                    <span class="i-name">fontello-video</span>
                                    <span class="i-code">0xe811</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe812" class="the-icons col-md-3 col-sm-4"><i class="fontello-videocam-outline"></i> 
                                    <span class="i-name">fontello-videocam-outline</span>
                                    <span class="i-code">0xe812</span>
                                </div>
                                <div title="Code: 0xe813" class="the-icons col-md-3 col-sm-4"><i class="fontello-videocam"></i> 
                                    <span class="i-name">fontello-videocam</span>
                                    <span class="i-code">0xe813</span>
                                </div>
                                <div title="Code: 0xe814" class="the-icons col-md-3 col-sm-4"><i class="fontello-picture-outline"></i> 
                                    <span class="i-name">fontello-picture-outline</span>
                                    <span class="i-code">0xe814</span>
                                </div>
                                <div title="Code: 0xe815" class="the-icons col-md-3 col-sm-4"><i class="fontello-picture"></i> 
                                    <span class="i-name">fontello-picture</span>
                                    <span class="i-code">0xe815</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe816" class="the-icons col-md-3 col-sm-4"><i class="fontello-camera-outline"></i> 
                                    <span class="i-name">fontello-camera-outline</span>
                                    <span class="i-code">0xe816</span>
                                </div>
                                <div title="Code: 0xe817" class="the-icons col-md-3 col-sm-4"><i class="fontello-camera"></i> 
                                    <span class="i-name">fontello-camera</span>
                                    <span class="i-code">0xe817</span>
                                </div>
                                <div title="Code: 0xe818" class="the-icons col-md-3 col-sm-4"><i class="fontello-th-outline"></i> 
                                    <span class="i-name">fontello-th-outline</span>
                                    <span class="i-code">0xe818</span>
                                </div>
                                <div title="Code: 0xe819" class="the-icons col-md-3 col-sm-4"><i class="fontello-th"></i> 
                                    <span class="i-name">fontello-th</span>
                                    <span class="i-code">0xe819</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe81a" class="the-icons col-md-3 col-sm-4"><i class="fontello-th-large-outline"></i> 
                                    <span class="i-name">fontello-th-large-outline</span>
                                    <span class="i-code">0xe81a</span>
                                </div>
                                <div title="Code: 0xe81b" class="the-icons col-md-3 col-sm-4"><i class="fontello-th-large"></i> 
                                    <span class="i-name">fontello-th-large</span>
                                    <span class="i-code">0xe81b</span>
                                </div>
                                <div title="Code: 0xe81c" class="the-icons col-md-3 col-sm-4"><i class="fontello-th-list-outline"></i> 
                                    <span class="i-name">fontello-th-list-outline</span>
                                    <span class="i-code">0xe81c</span>
                                </div>
                                <div title="Code: 0xe81d" class="the-icons col-md-3 col-sm-4"><i class="fontello-th-list"></i> 
                                    <span class="i-name">fontello-th-list</span>
                                    <span class="i-code">0xe81d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe81e" class="the-icons col-md-3 col-sm-4"><i class="fontello-ok-outline"></i> 
                                    <span class="i-name">fontello-ok-outline</span>
                                    <span class="i-code">0xe81e</span>
                                </div>
                                <div title="Code: 0xe81f" class="the-icons col-md-3 col-sm-4"><i class="fontello-ok"></i> 
                                    <span class="i-name">fontello-ok</span>
                                    <span class="i-code">0xe81f</span>
                                </div>
                                <div title="Code: 0xe820" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel-outline"></i> 
                                    <span class="i-name">fontello-cancel-outline</span>
                                    <span class="i-code">0xe820</span>
                                </div>
                                <div title="Code: 0xe821" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel"></i> 
                                    <span class="i-name">fontello-cancel</span>
                                    <span class="i-code">0xe821</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe822" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel-alt"></i> 
                                    <span class="i-name">fontello-cancel-alt</span>
                                    <span class="i-code">0xe822</span>
                                </div>
                                <div title="Code: 0xe823" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel-alt-filled"></i> 
                                    <span class="i-name">fontello-cancel-alt-filled</span>
                                    <span class="i-code">0xe823</span>
                                </div>
                                <div title="Code: 0xe824" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel-circled-outline"></i> 
                                    <span class="i-name">fontello-cancel-circled-outline</span>
                                    <span class="i-code">0xe824</span>
                                </div>
                                <div title="Code: 0xe825" class="the-icons col-md-3 col-sm-4"><i class="fontello-cancel-circled"></i> 
                                    <span class="i-name">fontello-cancel-circled</span>
                                    <span class="i-code">0xe825</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe826" class="the-icons col-md-3 col-sm-4"><i class="fontello-plus-outline"></i> 
                                    <span class="i-name">fontello-plus-outline</span>
                                    <span class="i-code">0xe826</span>
                                </div>
                                <div title="Code: 0xe827" class="the-icons col-md-3 col-sm-4"><i class="fontello-plus"></i> 
                                    <span class="i-name">fontello-plus</span>
                                    <span class="i-code">0xe827</span>
                                </div>
                                <div title="Code: 0xe828" class="the-icons col-md-3 col-sm-4"><i class="fontello-minus-outline"></i> 
                                    <span class="i-name">fontello-minus-outline</span>
                                    <span class="i-code">0xe828</span>
                                </div>
                                <div title="Code: 0xe829" class="the-icons col-md-3 col-sm-4"><i class="fontello-minus"></i> 
                                    <span class="i-name">fontello-minus</span>
                                    <span class="i-code">0xe829</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe82a" class="the-icons col-md-3 col-sm-4"><i class="fontello-divide-outline"></i> 
                                    <span class="i-name">fontello-divide-outline</span>
                                    <span class="i-code">0xe82a</span>
                                </div>
                                <div title="Code: 0xe82b" class="the-icons col-md-3 col-sm-4"><i class="fontello-divide"></i> 
                                    <span class="i-name">fontello-divide</span>
                                    <span class="i-code">0xe82b</span>
                                </div>
                                <div title="Code: 0xe82c" class="the-icons col-md-3 col-sm-4"><i class="fontello-eq-outline"></i> 
                                    <span class="i-name">fontello-eq-outline</span>
                                    <span class="i-code">0xe82c</span>
                                </div>
                                <div title="Code: 0xe82d" class="the-icons col-md-3 col-sm-4"><i class="fontello-eq"></i> 
                                    <span class="i-name">fontello-eq</span>
                                    <span class="i-code">0xe82d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe82e" class="the-icons col-md-3 col-sm-4"><i class="fontello-info-outline"></i> 
                                    <span class="i-name">fontello-info-outline</span>
                                    <span class="i-code">0xe82e</span>
                                </div>
                                <div title="Code: 0xe82f" class="the-icons col-md-3 col-sm-4"><i class="fontello-info"></i> 
                                    <span class="i-name">fontello-info</span>
                                    <span class="i-code">0xe82f</span>
                                </div>
                                <div title="Code: 0xe830" class="the-icons col-md-3 col-sm-4"><i class="fontello-home-outline"></i> 
                                    <span class="i-name">fontello-home-outline</span>
                                    <span class="i-code">0xe830</span>
                                </div>
                                <div title="Code: 0xe831" class="the-icons col-md-3 col-sm-4"><i class="fontello-home"></i> 
                                    <span class="i-name">fontello-home</span>
                                    <span class="i-code">0xe831</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe832" class="the-icons col-md-3 col-sm-4"><i class="fontello-link-outline"></i> 
                                    <span class="i-name">fontello-link-outline</span>
                                    <span class="i-code">0xe832</span>
                                </div>
                                <div title="Code: 0xe833" class="the-icons col-md-3 col-sm-4"><i class="fontello-link"></i> 
                                    <span class="i-name">fontello-link</span>
                                    <span class="i-code">0xe833</span>
                                </div>
                                <div title="Code: 0xe834" class="the-icons col-md-3 col-sm-4"><i class="fontello-attach-outline"></i> 
                                    <span class="i-name">fontello-attach-outline</span>
                                    <span class="i-code">0xe834</span>
                                </div>
                                <div title="Code: 0xe835" class="the-icons col-md-3 col-sm-4"><i class="fontello-attach"></i> 
                                    <span class="i-name">fontello-attach</span>
                                    <span class="i-code">0xe835</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe836" class="the-icons col-md-3 col-sm-4"><i class="fontello-lock"></i> 
                                    <span class="i-name">fontello-lock</span>
                                    <span class="i-code">0xe836</span>
                                </div>
                                <div title="Code: 0xe837" class="the-icons col-md-3 col-sm-4"><i class="fontello-lock-filled"></i> 
                                    <span class="i-name">fontello-lock-filled</span>
                                    <span class="i-code">0xe837</span>
                                </div>
                                <div title="Code: 0xe838" class="the-icons col-md-3 col-sm-4"><i class="fontello-lock-open"></i> 
                                    <span class="i-name">fontello-lock-open</span>
                                    <span class="i-code">0xe838</span>
                                </div>
                                <div title="Code: 0xe839" class="the-icons col-md-3 col-sm-4"><i class="fontello-lock-open-filled"></i> 
                                    <span class="i-name">fontello-lock-open-filled</span>
                                    <span class="i-code">0xe839</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe83a" class="the-icons col-md-3 col-sm-4"><i class="fontello-pin-outline"></i> 
                                    <span class="i-name">fontello-pin-outline</span>
                                    <span class="i-code">0xe83a</span>
                                </div>
                                <div title="Code: 0xe83b" class="the-icons col-md-3 col-sm-4"><i class="fontello-pin"></i> 
                                    <span class="i-name">fontello-pin</span>
                                    <span class="i-code">0xe83b</span>
                                </div>
                                <div title="Code: 0xe83c" class="the-icons col-md-3 col-sm-4"><i class="fontello-eye-outline"></i> 
                                    <span class="i-name">fontello-eye-outline</span>
                                    <span class="i-code">0xe83c</span>
                                </div>
                                <div title="Code: 0xe83d" class="the-icons col-md-3 col-sm-4"><i class="fontello-eye"></i> 
                                    <span class="i-name">fontello-eye</span>
                                    <span class="i-code">0xe83d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe83e" class="the-icons col-md-3 col-sm-4"><i class="fontello-tag"></i> 
                                    <span class="i-name">fontello-tag</span>
                                    <span class="i-code">0xe83e</span>
                                </div>
                                <div title="Code: 0xe83f" class="the-icons col-md-3 col-sm-4"><i class="fontello-tags"></i> 
                                    <span class="i-name">fontello-tags</span>
                                    <span class="i-code">0xe83f</span>
                                </div>
                                <div title="Code: 0xe840" class="the-icons col-md-3 col-sm-4"><i class="fontello-bookmark"></i> 
                                    <span class="i-name">fontello-bookmark</span>
                                    <span class="i-code">0xe840</span>
                                </div>
                                <div title="Code: 0xe841" class="the-icons col-md-3 col-sm-4"><i class="fontello-flag"></i> 
                                    <span class="i-name">fontello-flag</span>
                                    <span class="i-code">0xe841</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe842" class="the-icons col-md-3 col-sm-4"><i class="fontello-flag-filled"></i> 
                                    <span class="i-name">fontello-flag-filled</span>
                                    <span class="i-code">0xe842</span>
                                </div>
                                <div title="Code: 0xe843" class="the-icons col-md-3 col-sm-4"><i class="fontello-thumbs-up"></i> 
                                    <span class="i-name">fontello-thumbs-up</span>
                                    <span class="i-code">0xe843</span>
                                </div>
                                <div title="Code: 0xe844" class="the-icons col-md-3 col-sm-4"><i class="fontello-thumbs-down"></i> 
                                    <span class="i-name">fontello-thumbs-down</span>
                                    <span class="i-code">0xe844</span>
                                </div>
                                <div title="Code: 0xe845" class="the-icons col-md-3 col-sm-4"><i class="fontello-download-outline"></i> 
                                    <span class="i-name">fontello-download-outline</span>
                                    <span class="i-code">0xe845</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe846" class="the-icons col-md-3 col-sm-4"><i class="fontello-download"></i> 
                                    <span class="i-name">fontello-download</span>
                                    <span class="i-code">0xe846</span>
                                </div>
                                <div title="Code: 0xe847" class="the-icons col-md-3 col-sm-4"><i class="fontello-upload-outline"></i> 
                                    <span class="i-name">fontello-upload-outline</span>
                                    <span class="i-code">0xe847</span>
                                </div>
                                <div title="Code: 0xe848" class="the-icons col-md-3 col-sm-4"><i class="fontello-upload"></i> 
                                    <span class="i-name">fontello-upload</span>
                                    <span class="i-code">0xe848</span>
                                </div>
                                <div title="Code: 0xe849" class="the-icons col-md-3 col-sm-4"><i class="fontello-upload-cloud-outline"></i> 
                                    <span class="i-name">fontello-upload-cloud-outline</span>
                                    <span class="i-code">0xe849</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe84a" class="the-icons col-md-3 col-sm-4"><i class="fontello-upload-cloud"></i> 
                                    <span class="i-name">fontello-upload-cloud</span>
                                    <span class="i-code">0xe84a</span>
                                </div>
                                <div title="Code: 0xe84b" class="the-icons col-md-3 col-sm-4"><i class="fontello-reply-outline"></i> 
                                    <span class="i-name">fontello-reply-outline</span>
                                    <span class="i-code">0xe84b</span>
                                </div>
                                <div title="Code: 0xe84c" class="the-icons col-md-3 col-sm-4"><i class="fontello-reply"></i> 
                                    <span class="i-name">fontello-reply</span>
                                    <span class="i-code">0xe84c</span>
                                </div>
                                <div title="Code: 0xe84d" class="the-icons col-md-3 col-sm-4"><i class="fontello-forward-outline"></i> 
                                    <span class="i-name">fontello-forward-outline</span>
                                    <span class="i-code">0xe84d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe84e" class="the-icons col-md-3 col-sm-4"><i class="fontello-forward"></i> 
                                    <span class="i-name">fontello-forward</span>
                                    <span class="i-code">0xe84e</span>
                                </div>
                                <div title="Code: 0xe84f" class="the-icons col-md-3 col-sm-4"><i class="fontello-code-outline"></i> 
                                    <span class="i-name">fontello-code-outline</span>
                                    <span class="i-code">0xe84f</span>
                                </div>
                                <div title="Code: 0xe850" class="the-icons col-md-3 col-sm-4"><i class="fontello-code"></i> 
                                    <span class="i-name">fontello-code</span>
                                    <span class="i-code">0xe850</span>
                                </div>
                                <div title="Code: 0xe851" class="the-icons col-md-3 col-sm-4"><i class="fontello-export-outline"></i> 
                                    <span class="i-name">fontello-export-outline</span>
                                    <span class="i-code">0xe851</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe852" class="the-icons col-md-3 col-sm-4"><i class="fontello-export"></i> 
                                    <span class="i-name">fontello-export</span>
                                    <span class="i-code">0xe852</span>
                                </div>
                                <div title="Code: 0xe853" class="the-icons col-md-3 col-sm-4"><i class="fontello-pencil"></i> 
                                    <span class="i-name">fontello-pencil</span>
                                    <span class="i-code">0xe853</span>
                                </div>
                                <div title="Code: 0xe854" class="the-icons col-md-3 col-sm-4"><i class="fontello-pen"></i> 
                                    <span class="i-name">fontello-pen</span>
                                    <span class="i-code">0xe854</span>
                                </div>
                                <div title="Code: 0xe855" class="the-icons col-md-3 col-sm-4"><i class="fontello-feather"></i> 
                                    <span class="i-name">fontello-feather</span>
                                    <span class="i-code">0xe855</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe856" class="the-icons col-md-3 col-sm-4"><i class="fontello-edit"></i> 
                                    <span class="i-name">fontello-edit</span>
                                    <span class="i-code">0xe856</span>
                                </div>
                                <div title="Code: 0xe857" class="the-icons col-md-3 col-sm-4"><i class="fontello-print"></i> 
                                    <span class="i-name">fontello-print</span>
                                    <span class="i-code">0xe857</span>
                                </div>
                                <div title="Code: 0xe858" class="the-icons col-md-3 col-sm-4"><i class="fontello-comment"></i> 
                                    <span class="i-name">fontello-comment</span>
                                    <span class="i-code">0xe858</span>
                                </div>
                                <div title="Code: 0xe859" class="the-icons col-md-3 col-sm-4"><i class="fontello-chat"></i> 
                                    <span class="i-name">fontello-chat</span>
                                    <span class="i-code">0xe859</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe85a" class="the-icons col-md-3 col-sm-4"><i class="fontello-chat-alt"></i> 
                                    <span class="i-name">fontello-chat-alt</span>
                                    <span class="i-code">0xe85a</span>
                                </div>
                                <div title="Code: 0xe85b" class="the-icons col-md-3 col-sm-4"><i class="fontello-bell"></i> 
                                    <span class="i-name">fontello-bell</span>
                                    <span class="i-code">0xe85b</span>
                                </div>
                                <div title="Code: 0xe85c" class="the-icons col-md-3 col-sm-4"><i class="fontello-attention"></i> 
                                    <span class="i-name">fontello-attention</span>
                                    <span class="i-code">0xe85c</span>
                                </div>
                                <div title="Code: 0xe85d" class="the-icons col-md-3 col-sm-4"><i class="fontello-attention-filled"></i> 
                                    <span class="i-name">fontello-attention-filled</span>
                                    <span class="i-code">0xe85d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe85e" class="the-icons col-md-3 col-sm-4"><i class="fontello-warning-empty"></i> 
                                    <span class="i-name">fontello-warning-empty</span>
                                    <span class="i-code">0xe85e</span>
                                </div>
                                <div title="Code: 0xe85f" class="the-icons col-md-3 col-sm-4"><i class="fontello-warning"></i> 
                                    <span class="i-name">fontello-warning</span>
                                    <span class="i-code">0xe85f</span>
                                </div>
                                <div title="Code: 0xe860" class="the-icons col-md-3 col-sm-4"><i class="fontello-contacts"></i> 
                                    <span class="i-name">fontello-contacts</span>
                                    <span class="i-code">0xe860</span>
                                </div>
                                <div title="Code: 0xe861" class="the-icons col-md-3 col-sm-4"><i class="fontello-vcard"></i> 
                                    <span class="i-name">fontello-vcard</span>
                                    <span class="i-code">0xe861</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe862" class="the-icons col-md-3 col-sm-4"><i class="fontello-address"></i> 
                                    <span class="i-name">fontello-address</span>
                                    <span class="i-code">0xe862</span>
                                </div>
                                <div title="Code: 0xe863" class="the-icons col-md-3 col-sm-4"><i class="fontello-location-outline"></i> 
                                    <span class="i-name">fontello-location-outline</span>
                                    <span class="i-code">0xe863</span>
                                </div>
                                <div title="Code: 0xe864" class="the-icons col-md-3 col-sm-4"><i class="fontello-location"></i> 
                                    <span class="i-name">fontello-location</span>
                                    <span class="i-code">0xe864</span>
                                </div>
                                <div title="Code: 0xe865" class="the-icons col-md-3 col-sm-4"><i class="fontello-map"></i> 
                                    <span class="i-name">fontello-map</span>
                                    <span class="i-code">0xe865</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe866" class="the-icons col-md-3 col-sm-4"><i class="fontello-direction-outline"></i> 
                                    <span class="i-name">fontello-direction-outline</span>
                                    <span class="i-code">0xe866</span>
                                </div>
                                <div title="Code: 0xe867" class="the-icons col-md-3 col-sm-4"><i class="fontello-direction"></i> 
                                    <span class="i-name">fontello-direction</span>
                                    <span class="i-code">0xe867</span>
                                </div>
                                <div title="Code: 0xe868" class="the-icons col-md-3 col-sm-4"><i class="fontello-compass"></i> 
                                    <span class="i-name">fontello-compass</span>
                                    <span class="i-code">0xe868</span>
                                </div>
                                <div title="Code: 0xe869" class="the-icons col-md-3 col-sm-4"><i class="fontello-trash"></i> 
                                    <span class="i-name">fontello-trash</span>
                                    <span class="i-code">0xe869</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe86a" class="the-icons col-md-3 col-sm-4"><i class="fontello-doc"></i> 
                                    <span class="i-name">fontello-doc</span>
                                    <span class="i-code">0xe86a</span>
                                </div>
                                <div title="Code: 0xe86b" class="the-icons col-md-3 col-sm-4"><i class="fontello-doc-text"></i> 
                                    <span class="i-name">fontello-doc-text</span>
                                    <span class="i-code">0xe86b</span>
                                </div>
                                <div title="Code: 0xe86c" class="the-icons col-md-3 col-sm-4"><i class="fontello-doc-add"></i> 
                                    <span class="i-name">fontello-doc-add</span>
                                    <span class="i-code">0xe86c</span>
                                </div>
                                <div title="Code: 0xe86d" class="the-icons col-md-3 col-sm-4"><i class="fontello-doc-remove"></i> 
                                    <span class="i-name">fontello-doc-remove</span>
                                    <span class="i-code">0xe86d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe86e" class="the-icons col-md-3 col-sm-4"><i class="fontello-news"></i> 
                                    <span class="i-name">fontello-news</span>
                                    <span class="i-code">0xe86e</span>
                                </div>
                                <div title="Code: 0xe86f" class="the-icons col-md-3 col-sm-4"><i class="fontello-folder"></i> 
                                    <span class="i-name">fontello-folder</span>
                                    <span class="i-code">0xe86f</span>
                                </div>
                                <div title="Code: 0xe870" class="the-icons col-md-3 col-sm-4"><i class="fontello-folder-add"></i> 
                                    <span class="i-name">fontello-folder-add</span>
                                    <span class="i-code">0xe870</span>
                                </div>
                                <div title="Code: 0xe871" class="the-icons col-md-3 col-sm-4"><i class="fontello-folder-delete"></i> 
                                    <span class="i-name">fontello-folder-delete</span>
                                    <span class="i-code">0xe871</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe872" class="the-icons col-md-3 col-sm-4"><i class="fontello-archive"></i> 
                                    <span class="i-name">fontello-archive</span>
                                    <span class="i-code">0xe872</span>
                                </div>
                                <div title="Code: 0xe873" class="the-icons col-md-3 col-sm-4"><i class="fontello-box"></i> 
                                    <span class="i-name">fontello-box</span>
                                    <span class="i-code">0xe873</span>
                                </div>
                                <div title="Code: 0xe874" class="the-icons col-md-3 col-sm-4"><i class="fontello-rss-outline"></i> 
                                    <span class="i-name">fontello-rss-outline</span>
                                    <span class="i-code">0xe874</span>
                                </div>
                                <div title="Code: 0xe875" class="the-icons col-md-3 col-sm-4"><i class="fontello-rss"></i> 
                                    <span class="i-name">fontello-rss</span>
                                    <span class="i-code">0xe875</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe876" class="the-icons col-md-3 col-sm-4"><i class="fontello-phone-outline"></i> 
                                    <span class="i-name">fontello-phone-outline</span>
                                    <span class="i-code">0xe876</span>
                                </div>
                                <div title="Code: 0xe877" class="the-icons col-md-3 col-sm-4"><i class="fontello-phone"></i> 
                                    <span class="i-name">fontello-phone</span>
                                    <span class="i-code">0xe877</span>
                                </div>
                                <div title="Code: 0xe878" class="the-icons col-md-3 col-sm-4"><i class="fontello-menu-outline"></i> 
                                    <span class="i-name">fontello-menu-outline</span>
                                    <span class="i-code">0xe878</span>
                                </div>
                                <div title="Code: 0xe879" class="the-icons col-md-3 col-sm-4"><i class="fontello-menu"></i> 
                                    <span class="i-name">fontello-menu</span>
                                    <span class="i-code">0xe879</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe87a" class="the-icons col-md-3 col-sm-4"><i class="fontello-cog-outline"></i> 
                                    <span class="i-name">fontello-cog-outline</span>
                                    <span class="i-code">0xe87a</span>
                                </div>
                                <div title="Code: 0xe87b" class="the-icons col-md-3 col-sm-4"><i class="fontello-cog"></i> 
                                    <span class="i-name">fontello-cog</span>
                                    <span class="i-code">0xe87b</span>
                                </div>
                                <div title="Code: 0xe87c" class="the-icons col-md-3 col-sm-4"><i class="fontello-wrench-outline"></i> 
                                    <span class="i-name">fontello-wrench-outline</span>
                                    <span class="i-code">0xe87c</span>
                                </div>
                                <div title="Code: 0xe87d" class="the-icons col-md-3 col-sm-4"><i class="fontello-wrench"></i> 
                                    <span class="i-name">fontello-wrench</span>
                                    <span class="i-code">0xe87d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe87e" class="the-icons col-md-3 col-sm-4"><i class="fontello-basket"></i> 
                                    <span class="i-name">fontello-basket</span>
                                    <span class="i-code">0xe87e</span>
                                </div>
                                <div title="Code: 0xe87f" class="the-icons col-md-3 col-sm-4"><i class="fontello-calendar-outlilne"></i> 
                                    <span class="i-name">fontello-calendar-outlilne</span>
                                    <span class="i-code">0xe87f</span>
                                </div>
                                <div title="Code: 0xe880" class="the-icons col-md-3 col-sm-4"><i class="fontello-calendar"></i> 
                                    <span class="i-name">fontello-calendar</span>
                                    <span class="i-code">0xe880</span>
                                </div>
                                <div title="Code: 0xe881" class="the-icons col-md-3 col-sm-4"><i class="fontello-mic-outline"></i> 
                                    <span class="i-name">fontello-mic-outline</span>
                                    <span class="i-code">0xe881</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe882" class="the-icons col-md-3 col-sm-4"><i class="fontello-mic"></i> 
                                    <span class="i-name">fontello-mic</span>
                                    <span class="i-code">0xe882</span>
                                </div>
                                <div title="Code: 0xe883" class="the-icons col-md-3 col-sm-4"><i class="fontello-volume-off"></i> 
                                    <span class="i-name">fontello-volume-off</span>
                                    <span class="i-code">0xe883</span>
                                </div>
                                <div title="Code: 0xe884" class="the-icons col-md-3 col-sm-4"><i class="fontello-volume-low"></i> 
                                    <span class="i-name">fontello-volume-low</span>
                                    <span class="i-code">0xe884</span>
                                </div>
                                <div title="Code: 0xe885" class="the-icons col-md-3 col-sm-4"><i class="fontello-volume-middle"></i> 
                                    <span class="i-name">fontello-volume-middle</span>
                                    <span class="i-code">0xe885</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe886" class="the-icons col-md-3 col-sm-4"><i class="fontello-volume-high"></i> 
                                    <span class="i-name">fontello-volume-high</span>
                                    <span class="i-code">0xe886</span>
                                </div>
                                <div title="Code: 0xe887" class="the-icons col-md-3 col-sm-4"><i class="fontello-headphones"></i> 
                                    <span class="i-name">fontello-headphones</span>
                                    <span class="i-code">0xe887</span>
                                </div>
                                <div title="Code: 0xe888" class="the-icons col-md-3 col-sm-4"><i class="fontello-clock"></i> 
                                    <span class="i-name">fontello-clock</span>
                                    <span class="i-code">0xe888</span>
                                </div>
                                <div title="Code: 0xe889" class="the-icons col-md-3 col-sm-4"><i class="fontello-wristwatch"></i> 
                                    <span class="i-name">fontello-wristwatch</span>
                                    <span class="i-code">0xe889</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe88a" class="the-icons col-md-3 col-sm-4"><i class="fontello-prison"></i> 
                                    <span class="i-name">fontello-prison</span>
                                    <span class="i-code">0xe88a</span>
                                </div>
                                <div title="Code: 0xe88b" class="the-icons col-md-3 col-sm-4"><i class="fontello-lightbulb"></i> 
                                    <span class="i-name">fontello-lightbulb</span>
                                    <span class="i-code">0xe88b</span>
                                </div>
                                <div title="Code: 0xe88c" class="the-icons col-md-3 col-sm-4"><i class="fontello-block-outline"></i> 
                                    <span class="i-name">fontello-block-outline</span>
                                    <span class="i-code">0xe88c</span>
                                </div>
                                <div title="Code: 0xe88d" class="the-icons col-md-3 col-sm-4"><i class="fontello-block"></i> 
                                    <span class="i-name">fontello-block</span>
                                    <span class="i-code">0xe88d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe88e" class="the-icons col-md-3 col-sm-4"><i class="fontello-resize-full-outline"></i> 
                                    <span class="i-name">fontello-resize-full-outline</span>
                                    <span class="i-code">0xe88e</span>
                                </div>
                                <div title="Code: 0xe88f" class="the-icons col-md-3 col-sm-4"><i class="fontello-resize-full"></i> 
                                    <span class="i-name">fontello-resize-full</span>
                                    <span class="i-code">0xe88f</span>
                                </div>
                                <div title="Code: 0xe890" class="the-icons col-md-3 col-sm-4"><i class="fontello-resize-normal-outline"></i> 
                                    <span class="i-name">fontello-resize-normal-outline</span>
                                    <span class="i-code">0xe890</span>
                                </div>
                                <div title="Code: 0xe891" class="the-icons col-md-3 col-sm-4"><i class="fontello-resize-normal"></i> 
                                    <span class="i-name">fontello-resize-normal</span>
                                    <span class="i-code">0xe891</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe892" class="the-icons col-md-3 col-sm-4"><i class="fontello-move-outline"></i> 
                                    <span class="i-name">fontello-move-outline</span>
                                    <span class="i-code">0xe892</span>
                                </div>
                                <div title="Code: 0xe893" class="the-icons col-md-3 col-sm-4"><i class="fontello-move"></i> 
                                    <span class="i-name">fontello-move</span>
                                    <span class="i-code">0xe893</span>
                                </div>
                                <div title="Code: 0xe894" class="the-icons col-md-3 col-sm-4"><i class="fontello-popup"></i> 
                                    <span class="i-name">fontello-popup</span>
                                    <span class="i-code">0xe894</span>
                                </div>
                                <div title="Code: 0xe895" class="the-icons col-md-3 col-sm-4"><i class="fontello-zoom-in-outline"></i> 
                                    <span class="i-name">fontello-zoom-in-outline</span>
                                    <span class="i-code">0xe895</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe896" class="the-icons col-md-3 col-sm-4"><i class="fontello-zoom-in"></i> 
                                    <span class="i-name">fontello-zoom-in</span>
                                    <span class="i-code">0xe896</span>
                                </div>
                                <div title="Code: 0xe897" class="the-icons col-md-3 col-sm-4"><i class="fontello-zoom-out-outline"></i> 
                                    <span class="i-name">fontello-zoom-out-outline</span>
                                    <span class="i-code">0xe897</span>
                                </div>
                                <div title="Code: 0xe898" class="the-icons col-md-3 col-sm-4"><i class="fontello-zoom-out"></i> 
                                    <span class="i-name">fontello-zoom-out</span>
                                    <span class="i-code">0xe898</span>
                                </div>
                                <div title="Code: 0xe899" class="the-icons col-md-3 col-sm-4"><i class="fontello-popup-1"></i> 
                                    <span class="i-name">fontello-popup-1</span>
                                    <span class="i-code">0xe899</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe89a" class="the-icons col-md-3 col-sm-4"><i class="fontello-left-open-outline"></i> 
                                    <span class="i-name">fontello-left-open-outline</span>
                                    <span class="i-code">0xe89a</span>
                                </div>
                                <div title="Code: 0xe89b" class="the-icons col-md-3 col-sm-4"><i class="fontello-left-open"></i> 
                                    <span class="i-name">fontello-left-open</span>
                                    <span class="i-code">0xe89b</span>
                                </div>
                                <div title="Code: 0xe89c" class="the-icons col-md-3 col-sm-4"><i class="fontello-right-open-outline"></i> 
                                    <span class="i-name">fontello-right-open-outline</span>
                                    <span class="i-code">0xe89c</span>
                                </div>
                                <div title="Code: 0xe89d" class="the-icons col-md-3 col-sm-4"><i class="fontello-right-open"></i> 
                                    <span class="i-name">fontello-right-open</span>
                                    <span class="i-code">0xe89d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe89e" class="the-icons col-md-3 col-sm-4"><i class="fontello-down"></i> 
                                    <span class="i-name">fontello-down</span>
                                    <span class="i-code">0xe89e</span>
                                </div>
                                <div title="Code: 0xe89f" class="the-icons col-md-3 col-sm-4"><i class="fontello-left"></i> 
                                    <span class="i-name">fontello-left</span>
                                    <span class="i-code">0xe89f</span>
                                </div>
                                <div title="Code: 0xe8a0" class="the-icons col-md-3 col-sm-4"><i class="fontello-right"></i> 
                                    <span class="i-name">fontello-right</span>
                                    <span class="i-code">0xe8a0</span>
                                </div>
                                <div title="Code: 0xe8a1" class="the-icons col-md-3 col-sm-4"><i class="fontello-up"></i> 
                                    <span class="i-name">fontello-up</span>
                                    <span class="i-code">0xe8a1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8a2" class="the-icons col-md-3 col-sm-4"><i class="fontello-down-outline"></i> 
                                    <span class="i-name">fontello-down-outline</span>
                                    <span class="i-code">0xe8a2</span>
                                </div>
                                <div title="Code: 0xe8a3" class="the-icons col-md-3 col-sm-4"><i class="fontello-left-outline"></i> 
                                    <span class="i-name">fontello-left-outline</span>
                                    <span class="i-code">0xe8a3</span>
                                </div>
                                <div title="Code: 0xe8a4" class="the-icons col-md-3 col-sm-4"><i class="fontello-right-outline"></i> 
                                    <span class="i-name">fontello-right-outline</span>
                                    <span class="i-code">0xe8a4</span>
                                </div>
                                <div title="Code: 0xe8a5" class="the-icons col-md-3 col-sm-4"><i class="fontello-up-outline"></i> 
                                    <span class="i-name">fontello-up-outline</span>
                                    <span class="i-code">0xe8a5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8a6" class="the-icons col-md-3 col-sm-4"><i class="fontello-down-small"></i> 
                                    <span class="i-name">fontello-down-small</span>
                                    <span class="i-code">0xe8a6</span>
                                </div>
                                <div title="Code: 0xe8a7" class="the-icons col-md-3 col-sm-4"><i class="fontello-left-small"></i> 
                                    <span class="i-name">fontello-left-small</span>
                                    <span class="i-code">0xe8a7</span>
                                </div>
                                <div title="Code: 0xe8a8" class="the-icons col-md-3 col-sm-4"><i class="fontello-right-small"></i> 
                                    <span class="i-name">fontello-right-small</span>
                                    <span class="i-code">0xe8a8</span>
                                </div>
                                <div title="Code: 0xe8a9" class="the-icons col-md-3 col-sm-4"><i class="fontello-up-small"></i> 
                                    <span class="i-name">fontello-up-small</span>
                                    <span class="i-code">0xe8a9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8aa" class="the-icons col-md-3 col-sm-4"><i class="fontello-cw-outline"></i> 
                                    <span class="i-name">fontello-cw-outline</span>
                                    <span class="i-code">0xe8aa</span>
                                </div>
                                <div title="Code: 0xe8ab" class="the-icons col-md-3 col-sm-4"><i class="fontello-cw"></i> 
                                    <span class="i-name">fontello-cw</span>
                                    <span class="i-code">0xe8ab</span>
                                </div>
                                <div title="Code: 0xe8ac" class="the-icons col-md-3 col-sm-4"><i class="fontello-arrows-cw-outline"></i> 
                                    <span class="i-name">fontello-arrows-cw-outline</span>
                                    <span class="i-code">0xe8ac</span>
                                </div>
                                <div title="Code: 0xe8ad" class="the-icons col-md-3 col-sm-4"><i class="fontello-arrows-cw"></i> 
                                    <span class="i-name">fontello-arrows-cw</span>
                                    <span class="i-code">0xe8ad</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ae" class="the-icons col-md-3 col-sm-4"><i class="fontello-loop-outline"></i> 
                                    <span class="i-name">fontello-loop-outline</span>
                                    <span class="i-code">0xe8ae</span>
                                </div>
                                <div title="Code: 0xe8af" class="the-icons col-md-3 col-sm-4"><i class="fontello-loop"></i> 
                                    <span class="i-name">fontello-loop</span>
                                    <span class="i-code">0xe8af</span>
                                </div>
                                <div title="Code: 0xe8b0" class="the-icons col-md-3 col-sm-4"><i class="fontello-loop-alt-outline"></i> 
                                    <span class="i-name">fontello-loop-alt-outline</span>
                                    <span class="i-code">0xe8b0</span>
                                </div>
                                <div title="Code: 0xe8b1" class="the-icons col-md-3 col-sm-4"><i class="fontello-loop-alt"></i> 
                                    <span class="i-name">fontello-loop-alt</span>
                                    <span class="i-code">0xe8b1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8b2" class="the-icons col-md-3 col-sm-4"><i class="fontello-shuffle"></i> 
                                    <span class="i-name">fontello-shuffle</span>
                                    <span class="i-code">0xe8b2</span>
                                </div>
                                <div title="Code: 0xe8b3" class="the-icons col-md-3 col-sm-4"><i class="fontello-play-outline"></i> 
                                    <span class="i-name">fontello-play-outline</span>
                                    <span class="i-code">0xe8b3</span>
                                </div>
                                <div title="Code: 0xe8b4" class="the-icons col-md-3 col-sm-4"><i class="fontello-play"></i> 
                                    <span class="i-name">fontello-play</span>
                                    <span class="i-code">0xe8b4</span>
                                </div>
                                <div title="Code: 0xe8b5" class="the-icons col-md-3 col-sm-4"><i class="fontello-stop-outline"></i> 
                                    <span class="i-name">fontello-stop-outline</span>
                                    <span class="i-code">0xe8b5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8b6" class="the-icons col-md-3 col-sm-4"><i class="fontello-stop"></i> 
                                    <span class="i-name">fontello-stop</span>
                                    <span class="i-code">0xe8b6</span>
                                </div>
                                <div title="Code: 0xe8b7" class="the-icons col-md-3 col-sm-4"><i class="fontello-pause-outline"></i> 
                                    <span class="i-name">fontello-pause-outline</span>
                                    <span class="i-code">0xe8b7</span>
                                </div>
                                <div title="Code: 0xe8b8" class="the-icons col-md-3 col-sm-4"><i class="fontello-pause"></i> 
                                    <span class="i-name">fontello-pause</span>
                                    <span class="i-code">0xe8b8</span>
                                </div>
                                <div title="Code: 0xe8b9" class="the-icons col-md-3 col-sm-4"><i class="fontello-fast-fw-outline"></i> 
                                    <span class="i-name">fontello-fast-fw-outline</span>
                                    <span class="i-code">0xe8b9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ba" class="the-icons col-md-3 col-sm-4"><i class="fontello-fast-fw"></i> 
                                    <span class="i-name">fontello-fast-fw</span>
                                    <span class="i-code">0xe8ba</span>
                                </div>
                                <div title="Code: 0xe8bb" class="the-icons col-md-3 col-sm-4"><i class="fontello-rewind-outline"></i> 
                                    <span class="i-name">fontello-rewind-outline</span>
                                    <span class="i-code">0xe8bb</span>
                                </div>
                                <div title="Code: 0xe8bc" class="the-icons col-md-3 col-sm-4"><i class="fontello-rewind"></i> 
                                    <span class="i-name">fontello-rewind</span>
                                    <span class="i-code">0xe8bc</span>
                                </div>
                                <div title="Code: 0xe8bd" class="the-icons col-md-3 col-sm-4"><i class="fontello-record-outline"></i> 
                                    <span class="i-name">fontello-record-outline</span>
                                    <span class="i-code">0xe8bd</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8be" class="the-icons col-md-3 col-sm-4"><i class="fontello-record"></i> 
                                    <span class="i-name">fontello-record</span>
                                    <span class="i-code">0xe8be</span>
                                </div>
                                <div title="Code: 0xe8bf" class="the-icons col-md-3 col-sm-4"><i class="fontello-eject-outline"></i> 
                                    <span class="i-name">fontello-eject-outline</span>
                                    <span class="i-code">0xe8bf</span>
                                </div>
                                <div title="Code: 0xe8c0" class="the-icons col-md-3 col-sm-4"><i class="fontello-eject"></i> 
                                    <span class="i-name">fontello-eject</span>
                                    <span class="i-code">0xe8c0</span>
                                </div>
                                <div title="Code: 0xe8c1" class="the-icons col-md-3 col-sm-4"><i class="fontello-eject-alt-outline"></i> 
                                    <span class="i-name">fontello-eject-alt-outline</span>
                                    <span class="i-code">0xe8c1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8c2" class="the-icons col-md-3 col-sm-4"><i class="fontello-eject-alt"></i> 
                                    <span class="i-name">fontello-eject-alt</span>
                                    <span class="i-code">0xe8c2</span>
                                </div>
                                <div title="Code: 0xe8c3" class="the-icons col-md-3 col-sm-4"><i class="fontello-bat1"></i> 
                                    <span class="i-name">fontello-bat1</span>
                                    <span class="i-code">0xe8c3</span>
                                </div>
                                <div title="Code: 0xe8c4" class="the-icons col-md-3 col-sm-4"><i class="fontello-bat2"></i> 
                                    <span class="i-name">fontello-bat2</span>
                                    <span class="i-code">0xe8c4</span>
                                </div>
                                <div title="Code: 0xe8c5" class="the-icons col-md-3 col-sm-4"><i class="fontello-bat3"></i> 
                                    <span class="i-name">fontello-bat3</span>
                                    <span class="i-code">0xe8c5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8c6" class="the-icons col-md-3 col-sm-4"><i class="fontello-bat4"></i> 
                                    <span class="i-name">fontello-bat4</span>
                                    <span class="i-code">0xe8c6</span>
                                </div>
                                <div title="Code: 0xe8c7" class="the-icons col-md-3 col-sm-4"><i class="fontello-bat-charge"></i> 
                                    <span class="i-name">fontello-bat-charge</span>
                                    <span class="i-code">0xe8c7</span>
                                </div>
                                <div title="Code: 0xe8c8" class="the-icons col-md-3 col-sm-4"><i class="fontello-plug"></i> 
                                    <span class="i-name">fontello-plug</span>
                                    <span class="i-code">0xe8c8</span>
                                </div>
                                <div title="Code: 0xe8c9" class="the-icons col-md-3 col-sm-4"><i class="fontello-target-outline"></i> 
                                    <span class="i-name">fontello-target-outline</span>
                                    <span class="i-code">0xe8c9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ca" class="the-icons col-md-3 col-sm-4"><i class="fontello-target"></i> 
                                    <span class="i-name">fontello-target</span>
                                    <span class="i-code">0xe8ca</span>
                                </div>
                                <div title="Code: 0xe8cb" class="the-icons col-md-3 col-sm-4"><i class="fontello-wifi-outline"></i> 
                                    <span class="i-name">fontello-wifi-outline</span>
                                    <span class="i-code">0xe8cb</span>
                                </div>
                                <div title="Code: 0xe8cc" class="the-icons col-md-3 col-sm-4"><i class="fontello-wifi"></i> 
                                    <span class="i-name">fontello-wifi</span>
                                    <span class="i-code">0xe8cc</span>
                                </div>
                                <div title="Code: 0xe8cd" class="the-icons col-md-3 col-sm-4"><i class="fontello-desktop"></i> 
                                    <span class="i-name">fontello-desktop</span>
                                    <span class="i-code">0xe8cd</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ce" class="the-icons col-md-3 col-sm-4"><i class="fontello-laptop"></i> 
                                    <span class="i-name">fontello-laptop</span>
                                    <span class="i-code">0xe8ce</span>
                                </div>
                                <div title="Code: 0xe8cf" class="the-icons col-md-3 col-sm-4"><i class="fontello-tablet"></i> 
                                    <span class="i-name">fontello-tablet</span>
                                    <span class="i-code">0xe8cf</span>
                                </div>
                                <div title="Code: 0xe8d0" class="the-icons col-md-3 col-sm-4"><i class="fontello-mobile"></i> 
                                    <span class="i-name">fontello-mobile</span>
                                    <span class="i-code">0xe8d0</span>
                                </div>
                                <div title="Code: 0xe8d1" class="the-icons col-md-3 col-sm-4"><i class="fontello-contrast"></i> 
                                    <span class="i-name">fontello-contrast</span>
                                    <span class="i-code">0xe8d1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8d2" class="the-icons col-md-3 col-sm-4"><i class="fontello-globe-outline"></i> 
                                    <span class="i-name">fontello-globe-outline</span>
                                    <span class="i-code">0xe8d2</span>
                                </div>
                                <div title="Code: 0xe8d3" class="the-icons col-md-3 col-sm-4"><i class="fontello-globe"></i> 
                                    <span class="i-name">fontello-globe</span>
                                    <span class="i-code">0xe8d3</span>
                                </div>
                                <div title="Code: 0xe8d4" class="the-icons col-md-3 col-sm-4"><i class="fontello-globe-alt-outline"></i> 
                                    <span class="i-name">fontello-globe-alt-outline</span>
                                    <span class="i-code">0xe8d4</span>
                                </div>
                                <div title="Code: 0xe8d5" class="the-icons col-md-3 col-sm-4"><i class="fontello-globe-alt"></i> 
                                    <span class="i-name">fontello-globe-alt</span>
                                    <span class="i-code">0xe8d5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8d6" class="the-icons col-md-3 col-sm-4"><i class="fontello-sun"></i> 
                                    <span class="i-name">fontello-sun</span>
                                    <span class="i-code">0xe8d6</span>
                                </div>
                                <div title="Code: 0xe8d7" class="the-icons col-md-3 col-sm-4"><i class="fontello-sun-filled"></i> 
                                    <span class="i-name">fontello-sun-filled</span>
                                    <span class="i-code">0xe8d7</span>
                                </div>
                                <div title="Code: 0xe8d8" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud"></i> 
                                    <span class="i-name">fontello-cloud</span>
                                    <span class="i-code">0xe8d8</span>
                                </div>
                                <div title="Code: 0xe8d9" class="the-icons col-md-3 col-sm-4"><i class="fontello-flash-outline"></i> 
                                    <span class="i-name">fontello-flash-outline</span>
                                    <span class="i-code">0xe8d9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8da" class="the-icons col-md-3 col-sm-4"><i class="fontello-flash"></i> 
                                    <span class="i-name">fontello-flash</span>
                                    <span class="i-code">0xe8da</span>
                                </div>
                                <div title="Code: 0xe8db" class="the-icons col-md-3 col-sm-4"><i class="fontello-moon"></i> 
                                    <span class="i-name">fontello-moon</span>
                                    <span class="i-code">0xe8db</span>
                                </div>
                                <div title="Code: 0xe8dc" class="the-icons col-md-3 col-sm-4"><i class="fontello-waves-outline"></i> 
                                    <span class="i-name">fontello-waves-outline</span>
                                    <span class="i-code">0xe8dc</span>
                                </div>
                                <div title="Code: 0xe8dd" class="the-icons col-md-3 col-sm-4"><i class="fontello-waves"></i> 
                                    <span class="i-name">fontello-waves</span>
                                    <span class="i-code">0xe8dd</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8de" class="the-icons col-md-3 col-sm-4"><i class="fontello-rain"></i> 
                                    <span class="i-name">fontello-rain</span>
                                    <span class="i-code">0xe8de</span>
                                </div>
                                <div title="Code: 0xe8df" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-sun"></i> 
                                    <span class="i-name">fontello-cloud-sun</span>
                                    <span class="i-code">0xe8df</span>
                                </div>
                                <div title="Code: 0xe8e0" class="the-icons col-md-3 col-sm-4"><i class="fontello-drizzle"></i> 
                                    <span class="i-name">fontello-drizzle</span>
                                    <span class="i-code">0xe8e0</span>
                                </div>
                                <div title="Code: 0xe8e1" class="the-icons col-md-3 col-sm-4"><i class="fontello-snow"></i> 
                                    <span class="i-name">fontello-snow</span>
                                    <span class="i-code">0xe8e1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8e2" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-flash"></i> 
                                    <span class="i-name">fontello-cloud-flash</span>
                                    <span class="i-code">0xe8e2</span>
                                </div>
                                <div title="Code: 0xe8e3" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-wind"></i> 
                                    <span class="i-name">fontello-cloud-wind</span>
                                    <span class="i-code">0xe8e3</span>
                                </div>
                                <div title="Code: 0xe8e4" class="the-icons col-md-3 col-sm-4"><i class="fontello-wind"></i> 
                                    <span class="i-name">fontello-wind</span>
                                    <span class="i-code">0xe8e4</span>
                                </div>
                                <div title="Code: 0xe8e5" class="the-icons col-md-3 col-sm-4"><i class="fontello-plane-outline"></i> 
                                    <span class="i-name">fontello-plane-outline</span>
                                    <span class="i-code">0xe8e5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8e6" class="the-icons col-md-3 col-sm-4"><i class="fontello-plane"></i> 
                                    <span class="i-name">fontello-plane</span>
                                    <span class="i-code">0xe8e6</span>
                                </div>
                                <div title="Code: 0xe8e7" class="the-icons col-md-3 col-sm-4"><i class="fontello-leaf"></i> 
                                    <span class="i-name">fontello-leaf</span>
                                    <span class="i-code">0xe8e7</span>
                                </div>
                                <div title="Code: 0xe8e8" class="the-icons col-md-3 col-sm-4"><i class="fontello-lifebuoy"></i> 
                                    <span class="i-name">fontello-lifebuoy</span>
                                    <span class="i-code">0xe8e8</span>
                                </div>
                                <div title="Code: 0xe8e9" class="the-icons col-md-3 col-sm-4"><i class="fontello-briefcase"></i> 
                                    <span class="i-name">fontello-briefcase</span>
                                    <span class="i-code">0xe8e9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ea" class="the-icons col-md-3 col-sm-4"><i class="fontello-brush"></i> 
                                    <span class="i-name">fontello-brush</span>
                                    <span class="i-code">0xe8ea</span>
                                </div>
                                <div title="Code: 0xe8eb" class="the-icons col-md-3 col-sm-4"><i class="fontello-pipette"></i> 
                                    <span class="i-name">fontello-pipette</span>
                                    <span class="i-code">0xe8eb</span>
                                </div>
                                <div title="Code: 0xe8ec" class="the-icons col-md-3 col-sm-4"><i class="fontello-power-outline"></i> 
                                    <span class="i-name">fontello-power-outline</span>
                                    <span class="i-code">0xe8ec</span>
                                </div>
                                <div title="Code: 0xe8ed" class="the-icons col-md-3 col-sm-4"><i class="fontello-power"></i> 
                                    <span class="i-name">fontello-power</span>
                                    <span class="i-code">0xe8ed</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8ee" class="the-icons col-md-3 col-sm-4"><i class="fontello-check-outline"></i> 
                                    <span class="i-name">fontello-check-outline</span>
                                    <span class="i-code">0xe8ee</span>
                                </div>
                                <div title="Code: 0xe8ef" class="the-icons col-md-3 col-sm-4"><i class="fontello-check"></i> 
                                    <span class="i-name">fontello-check</span>
                                    <span class="i-code">0xe8ef</span>
                                </div>
                                <div title="Code: 0xe8f0" class="the-icons col-md-3 col-sm-4"><i class="fontello-gift"></i> 
                                    <span class="i-name">fontello-gift</span>
                                    <span class="i-code">0xe8f0</span>
                                </div>
                                <div title="Code: 0xe8f1" class="the-icons col-md-3 col-sm-4"><i class="fontello-temperatire"></i> 
                                    <span class="i-name">fontello-temperatire</span>
                                    <span class="i-code">0xe8f1</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8f2" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-outline"></i> 
                                    <span class="i-name">fontello-chart-outline</span>
                                    <span class="i-code">0xe8f2</span>
                                </div>
                                <div title="Code: 0xe8f3" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart"></i> 
                                    <span class="i-name">fontello-chart</span>
                                    <span class="i-code">0xe8f3</span>
                                </div>
                                <div title="Code: 0xe8f4" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-alt-outline"></i> 
                                    <span class="i-name">fontello-chart-alt-outline</span>
                                    <span class="i-code">0xe8f4</span>
                                </div>
                                <div title="Code: 0xe8f5" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-alt"></i> 
                                    <span class="i-name">fontello-chart-alt</span>
                                    <span class="i-code">0xe8f5</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8f6" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-bar-outline"></i> 
                                    <span class="i-name">fontello-chart-bar-outline</span>
                                    <span class="i-code">0xe8f6</span>
                                </div>
                                <div title="Code: 0xe8f7" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-bar"></i> 
                                    <span class="i-name">fontello-chart-bar</span>
                                    <span class="i-code">0xe8f7</span>
                                </div>
                                <div title="Code: 0xe8f8" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-pie-outline"></i> 
                                    <span class="i-name">fontello-chart-pie-outline</span>
                                    <span class="i-code">0xe8f8</span>
                                </div>
                                <div title="Code: 0xe8f9" class="the-icons col-md-3 col-sm-4"><i class="fontello-chart-pie"></i> 
                                    <span class="i-name">fontello-chart-pie</span>
                                    <span class="i-code">0xe8f9</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8fa" class="the-icons col-md-3 col-sm-4"><i class="fontello-ticket"></i> 
                                    <span class="i-name">fontello-ticket</span>
                                    <span class="i-code">0xe8fa</span>
                                </div>
                                <div title="Code: 0xe8fb" class="the-icons col-md-3 col-sm-4"><i class="fontello-credit-card"></i> 
                                    <span class="i-name">fontello-credit-card</span>
                                    <span class="i-code">0xe8fb</span>
                                </div>
                                <div title="Code: 0xe8fc" class="the-icons col-md-3 col-sm-4"><i class="fontello-clipboard"></i> 
                                    <span class="i-name">fontello-clipboard</span>
                                    <span class="i-code">0xe8fc</span>
                                </div>
                                <div title="Code: 0xe8fd" class="the-icons col-md-3 col-sm-4"><i class="fontello-database"></i> 
                                    <span class="i-name">fontello-database</span>
                                    <span class="i-code">0xe8fd</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe8fe" class="the-icons col-md-3 col-sm-4"><i class="fontello-key-outline"></i> 
                                    <span class="i-name">fontello-key-outline</span>
                                    <span class="i-code">0xe8fe</span>
                                </div>
                                <div title="Code: 0xe8ff" class="the-icons col-md-3 col-sm-4"><i class="fontello-key"></i> 
                                    <span class="i-name">fontello-key</span>
                                    <span class="i-code">0xe8ff</span>
                                </div>
                                <div title="Code: 0xe900" class="the-icons col-md-3 col-sm-4"><i class="fontello-flow-split"></i> 
                                    <span class="i-name">fontello-flow-split</span>
                                    <span class="i-code">0xe900</span>
                                </div>
                                <div title="Code: 0xe901" class="the-icons col-md-3 col-sm-4"><i class="fontello-flow-merge"></i> 
                                    <span class="i-name">fontello-flow-merge</span>
                                    <span class="i-code">0xe901</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe902" class="the-icons col-md-3 col-sm-4"><i class="fontello-flow-parallel"></i> 
                                    <span class="i-name">fontello-flow-parallel</span>
                                    <span class="i-code">0xe902</span>
                                </div>
                                <div title="Code: 0xe903" class="the-icons col-md-3 col-sm-4"><i class="fontello-flow-cross"></i> 
                                    <span class="i-name">fontello-flow-cross</span>
                                    <span class="i-code">0xe903</span>
                                </div>
                                <div title="Code: 0xe904" class="the-icons col-md-3 col-sm-4"><i class="fontello-certificate-outline"></i> 
                                    <span class="i-name">fontello-certificate-outline</span>
                                    <span class="i-code">0xe904</span>
                                </div>
                                <div title="Code: 0xe905" class="the-icons col-md-3 col-sm-4"><i class="fontello-certificate"></i> 
                                    <span class="i-name">fontello-certificate</span>
                                    <span class="i-code">0xe905</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe906" class="the-icons col-md-3 col-sm-4"><i class="fontello-scissors-outline"></i> 
                                    <span class="i-name">fontello-scissors-outline</span>
                                    <span class="i-code">0xe906</span>
                                </div>
                                <div title="Code: 0xe907" class="the-icons col-md-3 col-sm-4"><i class="fontello-scissors"></i> 
                                    <span class="i-name">fontello-scissors</span>
                                    <span class="i-code">0xe907</span>
                                </div>
                                <div title="Code: 0xe908" class="the-icons col-md-3 col-sm-4"><i class="fontello-flask"></i> 
                                    <span class="i-name">fontello-flask</span>
                                    <span class="i-code">0xe908</span>
                                </div>
                                <div title="Code: 0xe909" class="the-icons col-md-3 col-sm-4"><i class="fontello-wine"></i> 
                                    <span class="i-name">fontello-wine</span>
                                    <span class="i-code">0xe909</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe90a" class="the-icons col-md-3 col-sm-4"><i class="fontello-coffee"></i> 
                                    <span class="i-name">fontello-coffee</span>
                                    <span class="i-code">0xe90a</span>
                                </div>
                                <div title="Code: 0xe90b" class="the-icons col-md-3 col-sm-4"><i class="fontello-beer"></i> 
                                    <span class="i-name">fontello-beer</span>
                                    <span class="i-code">0xe90b</span>
                                </div>
                                <div title="Code: 0xe90c" class="the-icons col-md-3 col-sm-4"><i class="fontello-anchor-outline"></i> 
                                    <span class="i-name">fontello-anchor-outline</span>
                                    <span class="i-code">0xe90c</span>
                                </div>
                                <div title="Code: 0xe90d" class="the-icons col-md-3 col-sm-4"><i class="fontello-anchor"></i> 
                                    <span class="i-name">fontello-anchor</span>
                                    <span class="i-code">0xe90d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe90e" class="the-icons col-md-3 col-sm-4"><i class="fontello-puzzle-outline"></i> 
                                    <span class="i-name">fontello-puzzle-outline</span>
                                    <span class="i-code">0xe90e</span>
                                </div>
                                <div title="Code: 0xe90f" class="the-icons col-md-3 col-sm-4"><i class="fontello-puzzle"></i> 
                                    <span class="i-name">fontello-puzzle</span>
                                    <span class="i-code">0xe90f</span>
                                </div>
                                <div title="Code: 0xe910" class="the-icons col-md-3 col-sm-4"><i class="fontello-tree"></i> 
                                    <span class="i-name">fontello-tree</span>
                                    <span class="i-code">0xe910</span>
                                </div>
                                <div title="Code: 0xe911" class="the-icons col-md-3 col-sm-4"><i class="fontello-calculator"></i> 
                                    <span class="i-name">fontello-calculator</span>
                                    <span class="i-code">0xe911</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe912" class="the-icons col-md-3 col-sm-4"><i class="fontello-infinity-outline"></i> 
                                    <span class="i-name">fontello-infinity-outline</span>
                                    <span class="i-code">0xe912</span>
                                </div>
                                <div title="Code: 0xe913" class="the-icons col-md-3 col-sm-4"><i class="fontello-infinity"></i> 
                                    <span class="i-name">fontello-infinity</span>
                                    <span class="i-code">0xe913</span>
                                </div>
                                <div title="Code: 0xe914" class="the-icons col-md-3 col-sm-4"><i class="fontello-pi-outline"></i> 
                                    <span class="i-name">fontello-pi-outline</span>
                                    <span class="i-code">0xe914</span>
                                </div>
                                <div title="Code: 0xe915" class="the-icons col-md-3 col-sm-4"><i class="fontello-pi"></i> 
                                    <span class="i-name">fontello-pi</span>
                                    <span class="i-code">0xe915</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe916" class="the-icons col-md-3 col-sm-4"><i class="fontello-at"></i> 
                                    <span class="i-name">fontello-at</span>
                                    <span class="i-code">0xe916</span>
                                </div>
                                <div title="Code: 0xe917" class="the-icons col-md-3 col-sm-4"><i class="fontello-at-circled"></i> 
                                    <span class="i-name">fontello-at-circled</span>
                                    <span class="i-code">0xe917</span>
                                </div>
                                <div title="Code: 0xe918" class="the-icons col-md-3 col-sm-4"><i class="fontello-looped-square-outline"></i> 
                                    <span class="i-name">fontello-looped-square-outline</span>
                                    <span class="i-code">0xe918</span>
                                </div>
                                <div title="Code: 0xe919" class="the-icons col-md-3 col-sm-4"><i class="fontello-looped-square-interest"></i> 
                                    <span class="i-name">fontello-looped-square-interest</span>
                                    <span class="i-code">0xe919</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe91a" class="the-icons col-md-3 col-sm-4"><i class="fontello-sort-alphabet-outline"></i> 
                                    <span class="i-name">fontello-sort-alphabet-outline</span>
                                    <span class="i-code">0xe91a</span>
                                </div>
                                <div title="Code: 0xe91b" class="the-icons col-md-3 col-sm-4"><i class="fontello-sort-alphabet"></i> 
                                    <span class="i-name">fontello-sort-alphabet</span>
                                    <span class="i-code">0xe91b</span>
                                </div>
                                <div title="Code: 0xe91c" class="the-icons col-md-3 col-sm-4"><i class="fontello-sort-numeric-outline"></i> 
                                    <span class="i-name">fontello-sort-numeric-outline</span>
                                    <span class="i-code">0xe91c</span>
                                </div>
                                <div title="Code: 0xe91d" class="the-icons col-md-3 col-sm-4"><i class="fontello-sort-numeric"></i> 
                                    <span class="i-name">fontello-sort-numeric</span>
                                    <span class="i-code">0xe91d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe91e" class="the-icons col-md-3 col-sm-4"><i class="fontello-dribbble-circled"></i> 
                                    <span class="i-name">fontello-dribbble-circled</span>
                                    <span class="i-code">0xe91e</span>
                                </div>
                                <div title="Code: 0xe91f" class="the-icons col-md-3 col-sm-4"><i class="fontello-dribbble"></i> 
                                    <span class="i-name">fontello-dribbble</span>
                                    <span class="i-code">0xe91f</span>
                                </div>
                                <div title="Code: 0xe920" class="the-icons col-md-3 col-sm-4"><i class="fontello-facebook-circled"></i> 
                                    <span class="i-name">fontello-facebook-circled</span>
                                    <span class="i-code">0xe920</span>
                                </div>
                                <div title="Code: 0xe921" class="the-icons col-md-3 col-sm-4"><i class="fontello-facebook"></i> 
                                    <span class="i-name">fontello-facebook</span>
                                    <span class="i-code">0xe921</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe922" class="the-icons col-md-3 col-sm-4"><i class="fontello-flickr-circled"></i> 
                                    <span class="i-name">fontello-flickr-circled</span>
                                    <span class="i-code">0xe922</span>
                                </div>
                                <div title="Code: 0xe923" class="the-icons col-md-3 col-sm-4"><i class="fontello-flickr"></i> 
                                    <span class="i-name">fontello-flickr</span>
                                    <span class="i-code">0xe923</span>
                                </div>
                                <div title="Code: 0xe924" class="the-icons col-md-3 col-sm-4"><i class="fontello-github-circled"></i> 
                                    <span class="i-name">fontello-github-circled</span>
                                    <span class="i-code">0xe924</span>
                                </div>
                                <div title="Code: 0xe925" class="the-icons col-md-3 col-sm-4"><i class="fontello-github"></i> 
                                    <span class="i-name">fontello-github</span>
                                    <span class="i-code">0xe925</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe926" class="the-icons col-md-3 col-sm-4"><i class="fontello-lastfm-circled"></i> 
                                    <span class="i-name">fontello-lastfm-circled</span>
                                    <span class="i-code">0xe926</span>
                                </div>
                                <div title="Code: 0xe927" class="the-icons col-md-3 col-sm-4"><i class="fontello-lastfm"></i> 
                                    <span class="i-name">fontello-lastfm</span>
                                    <span class="i-code">0xe927</span>
                                </div>
                                <div title="Code: 0xe928" class="the-icons col-md-3 col-sm-4"><i class="fontello-linkedin-circled"></i> 
                                    <span class="i-name">fontello-linkedin-circled</span>
                                    <span class="i-code">0xe928</span>
                                </div>
                                <div title="Code: 0xe929" class="the-icons col-md-3 col-sm-4"><i class="fontello-linkedin"></i> 
                                    <span class="i-name">fontello-linkedin</span>
                                    <span class="i-code">0xe929</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe92a" class="the-icons col-md-3 col-sm-4"><i class="fontello-pinterest-circled"></i> 
                                    <span class="i-name">fontello-pinterest-circled</span>
                                    <span class="i-code">0xe92a</span>
                                </div>
                                <div title="Code: 0xe92b" class="the-icons col-md-3 col-sm-4"><i class="fontello-pinterest"></i> 
                                    <span class="i-name">fontello-pinterest</span>
                                    <span class="i-code">0xe92b</span>
                                </div>
                                <div title="Code: 0xe92c" class="the-icons col-md-3 col-sm-4"><i class="fontello-skype-outline"></i> 
                                    <span class="i-name">fontello-skype-outline</span>
                                    <span class="i-code">0xe92c</span>
                                </div>
                                <div title="Code: 0xe92d" class="the-icons col-md-3 col-sm-4"><i class="fontello-skype"></i> 
                                    <span class="i-name">fontello-skype</span>
                                    <span class="i-code">0xe92d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe92e" class="the-icons col-md-3 col-sm-4"><i class="fontello-tumbler-circled"></i> 
                                    <span class="i-name">fontello-tumbler-circled</span>
                                    <span class="i-code">0xe92e</span>
                                </div>
                                <div title="Code: 0xe92f" class="the-icons col-md-3 col-sm-4"><i class="fontello-tumbler"></i> 
                                    <span class="i-name">fontello-tumbler</span>
                                    <span class="i-code">0xe92f</span>
                                </div>
                                <div title="Code: 0xe930" class="the-icons col-md-3 col-sm-4"><i class="fontello-twitter-circled"></i> 
                                    <span class="i-name">fontello-twitter-circled</span>
                                    <span class="i-code">0xe930</span>
                                </div>
                                <div title="Code: 0xe931" class="the-icons col-md-3 col-sm-4"><i class="fontello-twitter"></i> 
                                    <span class="i-name">fontello-twitter</span>
                                    <span class="i-code">0xe931</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe932" class="the-icons col-md-3 col-sm-4"><i class="fontello-vimeo-circled"></i> 
                                    <span class="i-name">fontello-vimeo-circled</span>
                                    <span class="i-code">0xe932</span>
                                </div>
                                <div title="Code: 0xe933" class="the-icons col-md-3 col-sm-4"><i class="fontello-vimeo"></i> 
                                    <span class="i-name">fontello-vimeo</span>
                                    <span class="i-code">0xe933</span>
                                </div>
                                <div title="Code: 0xe934" class="the-icons col-md-3 col-sm-4"><i class="fontello-rail"></i> 
                                    <span class="i-name">fontello-rail</span>
                                    <span class="i-code">0xe934</span>
                                </div>
                                <div title="Code: 0xe935" class="the-icons col-md-3 col-sm-4"><i class="fontello-religious-christian"></i> 
                                    <span class="i-name">fontello-religious-christian</span>
                                    <span class="i-code">0xe935</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe936" class="the-icons col-md-3 col-sm-4"><i class="fontello-religious-islam"></i> 
                                    <span class="i-name">fontello-religious-islam</span>
                                    <span class="i-code">0xe936</span>
                                </div>
                                <div title="Code: 0xe937" class="the-icons col-md-3 col-sm-4"><i class="fontello-religious-jewish"></i> 
                                    <span class="i-name">fontello-religious-jewish</span>
                                    <span class="i-code">0xe937</span>
                                </div>
                                <div title="Code: 0xe938" class="the-icons col-md-3 col-sm-4"><i class="fontello-restaurant"></i> 
                                    <span class="i-name">fontello-restaurant</span>
                                    <span class="i-code">0xe938</span>
                                </div>
                                <div title="Code: 0xe939" class="the-icons col-md-3 col-sm-4"><i class="fontello-roadblock"></i> 
                                    <span class="i-name">fontello-roadblock</span>
                                    <span class="i-code">0xe939</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe93a" class="the-icons col-md-3 col-sm-4"><i class="fontello-school"></i> 
                                    <span class="i-name">fontello-school</span>
                                    <span class="i-code">0xe93a</span>
                                </div>
                                <div title="Code: 0xe93b" class="the-icons col-md-3 col-sm-4"><i class="fontello-shop"></i> 
                                    <span class="i-name">fontello-shop</span>
                                    <span class="i-code">0xe93b</span>
                                </div>
                                <div title="Code: 0xe93c" class="the-icons col-md-3 col-sm-4"><i class="fontello-skiing"></i> 
                                    <span class="i-name">fontello-skiing</span>
                                    <span class="i-code">0xe93c</span>
                                </div>
                                <div title="Code: 0xe93d" class="the-icons col-md-3 col-sm-4"><i class="fontello-soccer"></i> 
                                    <span class="i-name">fontello-soccer</span>
                                    <span class="i-code">0xe93d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe93e" class="the-icons col-md-3 col-sm-4"><i class="fontello-swimming"></i> 
                                    <span class="i-name">fontello-swimming</span>
                                    <span class="i-code">0xe93e</span>
                                </div>
                                <div title="Code: 0xe93f" class="the-icons col-md-3 col-sm-4"><i class="fontello-tennis"></i> 
                                    <span class="i-name">fontello-tennis</span>
                                    <span class="i-code">0xe93f</span>
                                </div>
                                <div title="Code: 0xe940" class="the-icons col-md-3 col-sm-4"><i class="fontello-theatre"></i> 
                                    <span class="i-name">fontello-theatre</span>
                                    <span class="i-code">0xe940</span>
                                </div>
                                <div title="Code: 0xe941" class="the-icons col-md-3 col-sm-4"><i class="fontello-toilet"></i> 
                                    <span class="i-name">fontello-toilet</span>
                                    <span class="i-code">0xe941</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe942" class="the-icons col-md-3 col-sm-4"><i class="fontello-town-hall"></i> 
                                    <span class="i-name">fontello-town-hall</span>
                                    <span class="i-code">0xe942</span>
                                </div>
                                <div title="Code: 0xe943" class="the-icons col-md-3 col-sm-4"><i class="fontello-trash-1"></i> 
                                    <span class="i-name">fontello-trash-1</span>
                                    <span class="i-code">0xe943</span>
                                </div>
                                <div title="Code: 0xe944" class="the-icons col-md-3 col-sm-4"><i class="fontello-photo"></i> 
                                    <span class="i-name">fontello-photo</span>
                                    <span class="i-code">0xe944</span>
                                </div>
                                <div title="Code: 0xe945" class="the-icons col-md-3 col-sm-4"><i class="fontello-attach-1"></i> 
                                    <span class="i-name">fontello-attach-1</span>
                                    <span class="i-code">0xe945</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe946" class="the-icons col-md-3 col-sm-4"><i class="fontello-lock-1"></i> 
                                    <span class="i-name">fontello-lock-1</span>
                                    <span class="i-code">0xe946</span>
                                </div>
                                <div title="Code: 0xe947" class="the-icons col-md-3 col-sm-4"><i class="fontello-eye-1"></i> 
                                    <span class="i-name">fontello-eye-1</span>
                                    <span class="i-code">0xe947</span>
                                </div>
                                <div title="Code: 0xe948" class="the-icons col-md-3 col-sm-4"><i class="fontello-tag-1"></i> 
                                    <span class="i-name">fontello-tag-1</span>
                                    <span class="i-code">0xe948</span>
                                </div>
                                <div title="Code: 0xe949" class="the-icons col-md-3 col-sm-4"><i class="fontello-thumbs-up-1"></i> 
                                    <span class="i-name">fontello-thumbs-up-1</span>
                                    <span class="i-code">0xe949</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe94a" class="the-icons col-md-3 col-sm-4"><i class="fontello-pencil-1"></i> 
                                    <span class="i-name">fontello-pencil-1</span>
                                    <span class="i-code">0xe94a</span>
                                </div>
                                <div title="Code: 0xe94b" class="the-icons col-md-3 col-sm-4"><i class="fontello-comment-1"></i> 
                                    <span class="i-name">fontello-comment-1</span>
                                    <span class="i-code">0xe94b</span>
                                </div>
                                <div title="Code: 0xe94c" class="the-icons col-md-3 col-sm-4"><i class="fontello-desktop-1"></i> 
                                    <span class="i-name">fontello-desktop-1</span>
                                    <span class="i-code">0xe94c</span>
                                </div>
                                <div title="Code: 0xe94d" class="the-icons col-md-3 col-sm-4"><i class="fontello-mobile-1"></i> 
                                    <span class="i-name">fontello-mobile-1</span>
                                    <span class="i-code">0xe94d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe94e" class="the-icons col-md-3 col-sm-4"><i class="fontello-cd"></i> 
                                    <span class="i-name">fontello-cd</span>
                                    <span class="i-code">0xe94e</span>
                                </div>
                                <div title="Code: 0xe94f" class="the-icons col-md-3 col-sm-4"><i class="fontello-inbox"></i> 
                                    <span class="i-name">fontello-inbox</span>
                                    <span class="i-code">0xe94f</span>
                                </div>
                                <div title="Code: 0xe950" class="the-icons col-md-3 col-sm-4"><i class="fontello-globe-1"></i> 
                                    <span class="i-name">fontello-globe-1</span>
                                    <span class="i-code">0xe950</span>
                                </div>
                                <div title="Code: 0xe951" class="the-icons col-md-3 col-sm-4"><i class="fontello-cloud-2"></i> 
                                    <span class="i-name">fontello-cloud-2</span>
                                    <span class="i-code">0xe951</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe952" class="the-icons col-md-3 col-sm-4"><i class="fontello-paper-plane"></i> 
                                    <span class="i-name">fontello-paper-plane</span>
                                    <span class="i-code">0xe952</span>
                                </div>
                                <div title="Code: 0xe953" class="the-icons col-md-3 col-sm-4"><i class="fontello-fire"></i> 
                                    <span class="i-name">fontello-fire</span>
                                    <span class="i-code">0xe953</span>
                                </div>
                                <div title="Code: 0xe954" class="the-icons col-md-3 col-sm-4"><i class="fontello-music-1"></i> 
                                    <span class="i-name">fontello-music-1</span>
                                    <span class="i-code">0xe954</span>
                                </div>
                                <div title="Code: 0xe955" class="the-icons col-md-3 col-sm-4"><i class="fontello-search-1"></i> 
                                    <span class="i-name">fontello-search-1</span>
                                    <span class="i-code">0xe955</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe956" class="the-icons col-md-3 col-sm-4"><i class="fontello-mail-1"></i> 
                                    <span class="i-name">fontello-mail-1</span>
                                    <span class="i-code">0xe956</span>
                                </div>
                                <div title="Code: 0xe957" class="the-icons col-md-3 col-sm-4"><i class="fontello-heart-1"></i> 
                                    <span class="i-name">fontello-heart-1</span>
                                    <span class="i-code">0xe957</span>
                                </div>
                                <div title="Code: 0xe958" class="the-icons col-md-3 col-sm-4"><i class="fontello-star-1"></i> 
                                    <span class="i-name">fontello-star-1</span>
                                    <span class="i-code">0xe958</span>
                                </div>
                                <div title="Code: 0xe959" class="the-icons col-md-3 col-sm-4"><i class="fontello-user-1"></i> 
                                    <span class="i-name">fontello-user-1</span>
                                    <span class="i-code">0xe959</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe95a" class="the-icons col-md-3 col-sm-4"><i class="fontello-videocam-1"></i> 
                                    <span class="i-name">fontello-videocam-1</span>
                                    <span class="i-code">0xe95a</span>
                                </div>
                                <div title="Code: 0xe95b" class="the-icons col-md-3 col-sm-4"><i class="fontello-camera-1"></i> 
                                    <span class="i-name">fontello-camera-1</span>
                                    <span class="i-code">0xe95b</span>
                                </div>
                                <div title="Code: 0xe95c" class="the-icons col-md-3 col-sm-4"><i class="fontello-location-1"></i> 
                                    <span class="i-name">fontello-location-1</span>
                                    <span class="i-code">0xe95c</span>
                                </div>
                                <div title="Code: 0xe95d" class="the-icons col-md-3 col-sm-4"><i class="fontello-cup"></i> 
                                    <span class="i-name">fontello-cup</span>
                                    <span class="i-code">0xe95d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe95e" class="the-icons col-md-3 col-sm-4"><i class="fontello-trash-2"></i> 
                                    <span class="i-name">fontello-trash-2</span>
                                    <span class="i-code">0xe95e</span>
                                </div>
                                <div title="Code: 0xe95f" class="the-icons col-md-3 col-sm-4"><i class="fontello-doc-1"></i> 
                                    <span class="i-name">fontello-doc-1</span>
                                    <span class="i-code">0xe95f</span>
                                </div>
                                <div title="Code: 0xe960" class="the-icons col-md-3 col-sm-4"><i class="fontello-graduation-cap"></i> 
                                    <span class="i-name">fontello-graduation-cap</span>
                                    <span class="i-code">0xe960</span>
                                </div>
                                <div title="Code: 0xe961" class="the-icons col-md-3 col-sm-4"><i class="fontello-megaphone"></i> 
                                    <span class="i-name">fontello-megaphone</span>
                                    <span class="i-code">0xe961</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe962" class="the-icons col-md-3 col-sm-4"><i class="fontello-database-1"></i> 
                                    <span class="i-name">fontello-database-1</span>
                                    <span class="i-code">0xe962</span>
                                </div>
                                <div title="Code: 0xe963" class="the-icons col-md-3 col-sm-4"><i class="fontello-key-1"></i> 
                                    <span class="i-name">fontello-key-1</span>
                                    <span class="i-code">0xe963</span>
                                </div>
                                <div title="Code: 0xe964" class="the-icons col-md-3 col-sm-4"><i class="fontello-note"></i> 
                                    <span class="i-name">fontello-note</span>
                                    <span class="i-code">0xe964</span>
                                </div>
                                <div title="Code: 0xe965" class="the-icons col-md-3 col-sm-4"><i class="fontello-cog-1"></i> 
                                    <span class="i-name">fontello-cog-1</span>
                                    <span class="i-code">0xe965</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe966" class="the-icons col-md-3 col-sm-4"><i class="fontello-params"></i> 
                                    <span class="i-name">fontello-params</span>
                                    <span class="i-code">0xe966</span>
                                </div>
                                <div title="Code: 0xe967" class="the-icons col-md-3 col-sm-4"><i class="fontello-calendar-1"></i> 
                                    <span class="i-name">fontello-calendar-1</span>
                                    <span class="i-code">0xe967</span>
                                </div>
                                <div title="Code: 0xe968" class="the-icons col-md-3 col-sm-4"><i class="fontello-sound"></i> 
                                    <span class="i-name">fontello-sound</span>
                                    <span class="i-code">0xe968</span>
                                </div>
                                <div title="Code: 0xe969" class="the-icons col-md-3 col-sm-4"><i class="fontello-clock-1"></i> 
                                    <span class="i-name">fontello-clock-1</span>
                                    <span class="i-code">0xe969</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe96a" class="the-icons col-md-3 col-sm-4"><i class="fontello-lightbulb-1"></i> 
                                    <span class="i-name">fontello-lightbulb-1</span>
                                    <span class="i-code">0xe96a</span>
                                </div>
                                <div title="Code: 0xe96b" class="the-icons col-md-3 col-sm-4"><i class="fontello-tv"></i> 
                                    <span class="i-name">fontello-tv</span>
                                    <span class="i-code">0xe96b</span>
                                </div>
                                <div title="Code: 0xe96c" class="the-icons col-md-3 col-sm-4"><i class="fontello-beaker"></i> 
                                    <span class="i-name">fontello-beaker</span>
                                    <span class="i-code">0xe96c</span>
                                </div>
                                <div title="Code: 0xe96d" class="the-icons col-md-3 col-sm-4"><i class="fontello-truck"></i> 
                                    <span class="i-name">fontello-truck</span>
                                    <span class="i-code">0xe96d</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe96e" class="the-icons col-md-3 col-sm-4"><i class="fontello-money"></i> 
                                    <span class="i-name">fontello-money</span>
                                    <span class="i-code">0xe96e</span>
                                </div>
                                <div title="Code: 0xe96f" class="the-icons col-md-3 col-sm-4"><i class="fontello-food"></i> 
                                    <span class="i-name">fontello-food</span>
                                    <span class="i-code">0xe96f</span>
                                </div>
                                <div title="Code: 0xe970" class="the-icons col-md-3 col-sm-4"><i class="fontello-shop-1"></i> 
                                    <span class="i-name">fontello-shop-1</span>
                                    <span class="i-code">0xe970</span>
                                </div>
                                <div title="Code: 0xe971" class="the-icons col-md-3 col-sm-4"><i class="fontello-diamond"></i> 
                                    <span class="i-name">fontello-diamond</span>
                                    <span class="i-code">0xe971</span>
                                </div>
                            </div>
                            <div class="row">
                                <div title="Code: 0xe972" class="the-icons col-md-3 col-sm-4"><i class="fontello-t-shirt"></i> 
                                    <span class="i-name">fontello-t-shirt</span>
                                    <span class="i-code">0xe972</span>
                                </div>
                                <div title="Code: 0xe973" class="the-icons col-md-3 col-sm-4"><i class="fontello-wallet"></i> 
                                    <span class="i-name">fontello-wallet</span>
                                    <span class="i-code">0xe973</span>
                                </div>
                            </div>

                        </div>
                        <!-- /.col -->
                    </div>
                    <!-- /.row - inside box -->
                </div>
                <!-- /.box-body -->


        </div>
        <!-- ./col -->
        <div class="row">

            <section class="col-lg-12">
                <!-- Box (with bar chart) -->
                <div class="box box-danger" id="loading-example">
                    <div class="box-header">
                        <!-- tools box -->
                 
                        <h3 class="box-title">Font Awesome</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">

                            <div class="col-sm-12">
                                <!-- Font Awesome -->
                                <div class="tab-pane active" id="fa-icons">
                                    <section id="new">
                                        <h4 class="page-header">11 New Icons in 4.0</h4>

                                        <div class="row fontawesome-icon-list">
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw "></i> 
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw le"></i> le
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rouble"></i> fa-rouble
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pagelines"></i> fa-pagelines</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-exchange"></i> fa-stack-exchange</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vimeo-square"></i> fa-vimeo-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-try"></i> fa-try</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-turkish-lira"></i> fa-turkish-lira
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>
                                        </div>

                                    </section>

                                    <section id="web-application">
                                        <h4 class="page-header">Web Application Icons</h4>

                                        <div class="row fontawesome-icon-list">
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-adjust"></i> fa-adjust</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-anchor"></i> fa-anchor</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-archive"></i> fa-archive</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows"></i> fa-arrows</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-h"></i> fa-arrows-h</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-v"></i> fa-arrows-v</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-asterisk"></i> fa-asterisk</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ban"></i> fa-ban</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bar-chart-o"></i> fa-bar-chart-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-barcode"></i> fa-barcode</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bars"></i> fa-bars</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-beer"></i> fa-beer</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bell"></i> fa-bell</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bell-o"></i> fa-bell-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bolt"></i> fa-bolt</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-book"></i> fa-book</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bookmark"></i> fa-bookmark</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bookmark-o"></i> fa-bookmark-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-briefcase"></i> fa-briefcase</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bug"></i> fa-bug</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-building-o"></i> fa-building-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bullhorn"></i> fa-bullhorn</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bullseye"></i> fa-bullseye</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-calendar"></i> fa-calendar</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-calendar-o"></i> fa-calendar-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-camera"></i> fa-camera</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-camera-retro"></i> fa-camera-retro</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-down"></i> fa-caret-square-o-down</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-right"></i> fa-caret-square-o-right</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-up"></i> fa-caret-square-o-up</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-certificate"></i> fa-certificate</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check"></i> fa-check</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-circle"></i> fa-check-circle</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-circle-o"></i> fa-check-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square"></i> fa-check-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square-o"></i> fa-check-square-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle"></i> fa-circle</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle-o"></i> fa-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-clock-o"></i> fa-clock-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud"></i> fa-cloud</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud-download"></i> fa-cloud-download</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cloud-upload"></i> fa-cloud-upload</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-code"></i> fa-code</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-code-fork"></i> fa-code-fork</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-coffee"></i> fa-coffee</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cog"></i> fa-cog</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cogs"></i> fa-cogs</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comment"></i> fa-comment</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comment-o"></i> fa-comment-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comments"></i> fa-comments</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-comments-o"></i> fa-comments-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-compass"></i> fa-compass</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-credit-card"></i> fa-credit-card</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-crop"></i> fa-crop</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-crosshairs"></i> fa-crosshairs</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cutlery"></i> fa-cutlery</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dashboard"></i> fa-dashboard
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-desktop"></i> fa-desktop</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-download"></i> fa-download</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-edit"></i> fa-edit
                                                <span class="text-muted">(alias)</span>
                                            </div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ellipsis-h"></i> fa-ellipsis-h</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ellipsis-v"></i> fa-ellipsis-v</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-envelope"></i> fa-envelope</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-envelope-o"></i> fa-envelope-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eraser"></i> fa-eraser</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exchange"></i> fa-exchange</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation"></i> fa-exclamation</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation-circle"></i> fa-exclamation-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-exclamation-triangle"></i> fa-exclamation-triangle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-external-link"></i> fa-external-link</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-external-link-square"></i> fa-external-link-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eye"></i> fa-eye</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eye-slash"></i> fa-eye-slash</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-female"></i> fa-female</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fighter-jet"></i> fa-fighter-jet</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-film"></i> fa-film</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-filter"></i> fa-filter</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fire"></i> fa-fire</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fire-extinguisher"></i> fa-fire-extinguisher</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag"></i> fa-flag</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag-checkered"></i> fa-flag-checkered</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flag-o"></i> fa-flag-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flash"></i> fa-flash
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flask"></i> fa-flask</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder"></i> fa-folder</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-o"></i> fa-folder-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-open"></i> fa-folder-open</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-folder-open-o"></i> fa-folder-open-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-frown-o"></i> fa-frown-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gamepad"></i> fa-gamepad</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gavel"></i> fa-gavel</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gear"></i> fa-gear
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gears"></i> fa-gears
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gift"></i> fa-gift</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-glass"></i> fa-glass</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-globe"></i> fa-globe</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-group"></i> fa-group
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hdd-o"></i> fa-hdd-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-headphones"></i> fa-headphones</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-heart"></i> fa-heart</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-heart-o"></i> fa-heart-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-home"></i> fa-home</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-inbox"></i> fa-inbox</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-info"></i> fa-info</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-info-circle"></i> fa-info-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-key"></i> fa-key</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-keyboard-o"></i> fa-keyboard-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-laptop"></i> fa-laptop</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-leaf"></i> fa-leaf</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-legal"></i> fa-legal
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lemon-o"></i> fa-lemon-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-level-down"></i> fa-level-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-level-up"></i> fa-level-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lightbulb-o"></i> fa-lightbulb-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-location-arrow"></i> fa-location-arrow</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-lock"></i> fa-lock</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-magic"></i> fa-magic</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-magnet"></i> fa-magnet</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-forward"></i> fa-mail-forward
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-reply"></i> fa-mail-reply
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mail-reply-all"></i> fa-mail-reply-all</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-male"></i> fa-male</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-map-marker"></i> fa-map-marker</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-meh-o"></i> fa-meh-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-microphone"></i> fa-microphone</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-microphone-slash"></i> fa-microphone-slash</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus"></i> fa-minus</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-circle"></i> fa-minus-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square"></i> fa-minus-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square-o"></i> fa-minus-square-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mobile"></i> fa-mobile</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-mobile-phone"></i> fa-mobile-phone
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-money"></i> fa-money</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-moon-o"></i> fa-moon-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-music"></i> fa-music</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil"></i> fa-pencil</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil-square"></i> fa-pencil-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pencil-square-o"></i> fa-pencil-square-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-phone"></i> fa-phone</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-phone-square"></i> fa-phone-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-picture-o"></i> fa-picture-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plane"></i> fa-plane</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus"></i> fa-plus</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-circle"></i> fa-plus-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-power-off"></i> fa-power-off</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-print"></i> fa-print</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-puzzle-piece"></i> fa-puzzle-piece</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-qrcode"></i> fa-qrcode</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-question"></i> fa-question</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-question-circle"></i> fa-question-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-quote-left"></i> fa-quote-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-quote-right"></i> fa-quote-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-random"></i> fa-random</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-refresh"></i> fa-refresh</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-reply"></i> fa-reply</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-reply-all"></i> fa-reply-all</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-retweet"></i> fa-retweet</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-road"></i> fa-road</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rocket"></i> fa-rocket</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rss"></i> fa-rss</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rss-square"></i> fa-rss-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search"></i> fa-search</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search-minus"></i> fa-search-minus</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-search-plus"></i> fa-search-plus</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share"></i> fa-share</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share-square"></i> fa-share-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-share-square-o"></i> fa-share-square-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-shield"></i> fa-shield</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-shopping-cart"></i> fa-shopping-cart</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sign-in"></i> fa-sign-in</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sign-out"></i> fa-sign-out</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-signal"></i> fa-signal</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sitemap"></i> fa-sitemap</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-smile-o"></i> fa-smile-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort"></i> fa-sort</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-alpha-asc"></i> fa-sort-alpha-asc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-alpha-desc"></i> fa-sort-alpha-desc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-amount-asc"></i> fa-sort-amount-asc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-amount-desc"></i> fa-sort-amount-desc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-asc"></i> fa-sort-asc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-desc"></i> fa-sort-desc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-down"></i> fa-sort-down
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-numeric-asc"></i> fa-sort-numeric-asc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-numeric-desc"></i> fa-sort-numeric-desc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sort-up"></i> fa-sort-up
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-spinner"></i> fa-spinner</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square"></i> fa-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square-o"></i> fa-square-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star"></i> fa-star</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half"></i> fa-star-half</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-empty"></i> fa-star-half-empty
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-full"></i> fa-star-half-full
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-half-o"></i> fa-star-half-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-star-o"></i> fa-star-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-subscript"></i> fa-subscript</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-suitcase"></i> fa-suitcase</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-sun-o"></i> fa-sun-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-superscript"></i> fa-superscript</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tablet"></i> fa-tablet</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tachometer"></i> fa-tachometer</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tag"></i> fa-tag</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tags"></i> fa-tags</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tasks"></i> fa-tasks</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-terminal"></i> fa-terminal</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumb-tack"></i> fa-thumb-tack</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-down"></i> fa-thumbs-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-o-down"></i> fa-thumbs-o-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-o-up"></i> fa-thumbs-o-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-thumbs-up"></i> fa-thumbs-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ticket"></i> fa-ticket</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times"></i> fa-times</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times-circle"></i> fa-times-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-times-circle-o"></i> fa-times-circle-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tint"></i> fa-tint</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-down"></i> fa-toggle-down
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-right"></i> fa-toggle-right
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-up"></i> fa-toggle-up
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trash-o"></i> fa-trash-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trophy"></i> fa-trophy</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-truck"></i> fa-truck</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-umbrella"></i> fa-umbrella</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlock"></i> fa-unlock</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlock-alt"></i> fa-unlock-alt</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unsorted"></i> fa-unsorted
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-upload"></i> fa-upload</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-user"></i> fa-user</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-users"></i> fa-users</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-video-camera"></i> fa-video-camera</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-down"></i> fa-volume-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-off"></i> fa-volume-off</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-volume-up"></i> fa-volume-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-warning"></i> fa-warning
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wrench"></i> fa-wrench</div>
                                        </div>
                                    </section>

                                    <section id="form-control">
                                        <h4 class="page-header">Form Control Icons</h4>
                                        <div class="row fontawesome-icon-list">
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square"></i> fa-check-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-check-square-o"></i> fa-check-square-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle"></i> fa-circle</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-circle-o"></i> fa-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dot-circle-o"></i> fa-dot-circle-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square"></i> fa-minus-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-minus-square-o"></i> fa-minus-square-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square-o"></i> fa-plus-square-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square"></i> fa-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-square-o"></i> fa-square-o</div>
                                        </div>
                                    </section>

                                    <section id="currency">
                                        <h4 class="page-header">Currency Icons</h4>

                                        <div class="row fontawesome-icon-list">

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitcoin"></i> fa-bitcoin
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-btc"></i> fa-btc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cny"></i> fa-cny
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dollar"></i> fa-dollar
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eur"></i> fa-eur</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-euro"></i> fa-euro
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gbp"></i> fa-gbp</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-inr"></i> fa-inr</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-jpy"></i> fa-jpy</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-krw"></i> fa-krw</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-money"></i> fa-money</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rmb"></i> fa-rmb
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rouble"></i> fa-rouble
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw "></i> 
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw le"></i> le
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rupee"></i> fa-rupee
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-try"></i> fa-try</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-turkish-lira"></i> fa-turkish-lira
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-usd"></i> fa-usd</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-won"></i> fa-won
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-yen"></i> fa-yen
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                        </div>

                                    </section>

                                    <section id="text-editor">
                                        <h4 class="page-header">Text Editor Icons</h4>

                                        <div class="row fontawesome-icon-list">



                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-center"></i> fa-align-center</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-justify"></i> fa-align-justify</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-left"></i> fa-align-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-align-right"></i> fa-align-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bold"></i> fa-bold</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chain"></i> fa-chain
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chain-broken"></i> fa-chain-broken</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-clipboard"></i> fa-clipboard</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-columns"></i> fa-columns</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-copy"></i> fa-copy
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-cut"></i> fa-cut
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dedent"></i> fa-dedent
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eraser"></i> fa-eraser</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file"></i> fa-file</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-o"></i> fa-file-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-text"></i> fa-file-text</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-file-text-o"></i> fa-file-text-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-files-o"></i> fa-files-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-floppy-o"></i> fa-floppy-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-font"></i> fa-font</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-indent"></i> fa-indent</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-italic"></i> fa-italic</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-link"></i> fa-link</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list"></i> fa-list</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-alt"></i> fa-list-alt</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-ol"></i> fa-list-ol</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-list-ul"></i> fa-list-ul</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-outdent"></i> fa-outdent</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-paperclip"></i> fa-paperclip</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-paste"></i> fa-paste
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-repeat"></i> fa-repeat</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rotate-left"></i> fa-rotate-left
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-rotate-right"></i> fa-rotate-right
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-save"></i> fa-save
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-scissors"></i> fa-scissors</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-strikethrough"></i> fa-strikethrough</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-table"></i> fa-table</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-text-height"></i> fa-text-height</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-text-width"></i> fa-text-width</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th"></i> fa-th</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th-large"></i> fa-th-large</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-th-list"></i> fa-th-list</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-underline"></i> fa-underline</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-undo"></i> fa-undo</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-unlink"></i> fa-unlink
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                        </div>

                                    </section>

                                    <section id="directional">
                                        <h4 class="page-header">Directional Icons</h4>

                                        <div class="row fontawesome-icon-list">



                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-down"></i> fa-angle-double-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-left"></i> fa-angle-double-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-right"></i> fa-angle-double-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-double-up"></i> fa-angle-double-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-down"></i> fa-angle-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-left"></i> fa-angle-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-right"></i> fa-angle-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-angle-up"></i> fa-angle-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-down"></i> fa-arrow-circle-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-left"></i> fa-arrow-circle-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-down"></i> fa-arrow-circle-o-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-left"></i> fa-arrow-circle-o-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-right"></i> fa-arrow-circle-o-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-o-up"></i> fa-arrow-circle-o-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-right"></i> fa-arrow-circle-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-circle-up"></i> fa-arrow-circle-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-down"></i> fa-arrow-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-left"></i> fa-arrow-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-right"></i> fa-arrow-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrow-up"></i> fa-arrow-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows"></i> fa-arrows</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-alt"></i> fa-arrows-alt</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-h"></i> fa-arrows-h</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-v"></i> fa-arrows-v</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-down"></i> fa-caret-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-left"></i> fa-caret-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-right"></i> fa-caret-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-down"></i> fa-caret-square-o-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-left"></i> fa-caret-square-o-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-right"></i> fa-caret-square-o-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-square-o-up"></i> fa-caret-square-o-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-caret-up"></i> fa-caret-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-down"></i> fa-chevron-circle-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-left"></i> fa-chevron-circle-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-right"></i> fa-chevron-circle-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-circle-up"></i> fa-chevron-circle-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-down"></i> fa-chevron-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-left"></i> fa-chevron-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-right"></i> fa-chevron-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-chevron-up"></i> fa-chevron-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-down"></i> fa-hand-o-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-left"></i> fa-hand-o-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-right"></i> fa-hand-o-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hand-o-up"></i> fa-hand-o-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-down"></i> fa-long-arrow-down</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-left"></i> fa-long-arrow-left</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-right"></i> fa-long-arrow-right</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-long-arrow-up"></i> fa-long-arrow-up</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-down"></i> fa-toggle-down
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-left"></i> fa-toggle-left
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-right"></i> fa-toggle-right
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-toggle-up"></i> fa-toggle-up
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                        </div>

                                    </section>

                                    <section id="video-player">
                                        <h4 class="page-header">Video Player Icons</h4>

                                        <div class="row fontawesome-icon-list">



                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-arrows-alt"></i> fa-arrows-alt</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-backward"></i> fa-backward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-compress"></i> fa-compress</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-eject"></i> fa-eject</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-expand"></i> fa-expand</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fast-backward"></i> fa-fast-backward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-fast-forward"></i> fa-fast-forward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-forward"></i> fa-forward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pause"></i> fa-pause</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play"></i> fa-play</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play-circle"></i> fa-play-circle</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-play-circle-o"></i> fa-play-circle-o</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-step-backward"></i> fa-step-backward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-step-forward"></i> fa-step-forward</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stop"></i> fa-stop</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-play"></i> fa-youtube-play</div>

                                        </div>

                                    </section>

                                    <section id="brand">
                                        <h4 class="page-header">Brand Icons</h4>

                                        <div class="alert alert-info">
                                            <ul class="margin-bottom-none padding-left-lg">
                                                <li>All brand icons are trademarks of their respective owners.</li>
                                                <li>The use of these trademarks does not indicate endorsement of the trademark holder by Font Awesome, nor vice versa.</li>
                                            </ul>

                                        </div>

                                        <div class="row fontawesome-icon-list">



                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-adn"></i> fa-adn</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-android"></i> fa-android</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-apple"></i> fa-apple</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitbucket"></i> fa-bitbucket</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitbucket-square"></i> fa-bitbucket-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-bitcoin"></i> fa-bitcoin
                                                <span class="text-muted">(alias)</span>
                                            </div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-btc"></i> fa-btc</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-css3"></i> fa-css3</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dribbble"></i> fa-dribbble</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-dropbox"></i> fa-dropbox</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-facebook"></i> fa-facebook</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-facebook-square"></i> fa-facebook-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-flickr"></i> fa-flickr</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-foursquare"></i> fa-foursquare</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github"></i> fa-github</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github-alt"></i> fa-github-alt</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-github-square"></i> fa-github-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-gittip"></i> fa-gittip</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-google-plus"></i> fa-google-plus</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-google-plus-square"></i> fa-google-plus-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-html5"></i> fa-html5</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-instagram"></i> fa-instagram</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linkedin"></i> fa-linkedin</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linkedin-square"></i> fa-linkedin-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-linux"></i> fa-linux</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-maxcdn"></i> fa-maxcdn</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pagelines"></i> fa-pagelines</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pinterest"></i> fa-pinterest</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-pinterest-square"></i> fa-pinterest-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-renren"></i> fa-renren</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-skype"></i> fa-skype</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-exchange"></i> fa-stack-exchange</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stack-overflow"></i> fa-stack-overflow</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-trello"></i> fa-trello</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tumblr"></i> fa-tumblr</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-tumblr-square"></i> fa-tumblr-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-twitter"></i> fa-twitter</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-twitter-square"></i> fa-twitter-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vimeo-square"></i> fa-vimeo-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-vk"></i> fa-vk</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-weibo"></i> fa-weibo</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-windows"></i> fa-windows</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-xing"></i> fa-xing</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-xing-square"></i> fa-xing-square</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube"></i> fa-youtube</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-play"></i> fa-youtube-play</div>

                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-youtube-square"></i> fa-youtube-square</div>

                                        </div>
                                    </section>

                                    <section id="medical">
                                        <h4 class="page-header">Medical Icons</h4>
                                        <div class="row">
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-ambulance"></i> fa-ambulance</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-h-square"></i> fa-h-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-hospital-o"></i> fa-hospital-o</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-medkit"></i> fa-medkit</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-plus-square"></i> fa-plus-square</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-stethoscope"></i> fa-stethoscope</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-user-md"></i> fa-user-md</div>
                                            <div class="col-md-3 col-sm-4"><i class="fa fa-fw fa-wheelchair"></i> fa-wheelchair</div>
                                        </div>
                                    </section>








                                </div>

                            </div>

                            <!-- /.col -->


                        </div>
                        <!-- /.row - inside box -->


                    </div>
                    <!-- /.box-body -->

                </div>
                <!-- /.box -->




            </section>
        </div>
        <div class="row">
            <section class="col-lg-12">
                <!-- Box (with bar chart) -->
                <div class="box box-danger" id="loading-example">
                    <div class="box-header">
                        <!-- tools box -->
                 
                        <h3 class="box-title">payment Icon</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">

                            <div class="col-sm-12">

                                <div class="row payment-icon-list">
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-clickandbuy"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-westernunion"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-braintree"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-paysafecard"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-ideal"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-paypal-new"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-skrill"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-gittip"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-flattr"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-cb"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-bitcoin"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-bitcoin-sign"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-ripple"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-sofort"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-diners"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-mastercard"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-trust-e"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-amazon"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-jcb"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-google-wallet"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-stripe"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-square"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-ogone"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-verisign"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-discover"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-american-express"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-paypal"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-maestro"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-visa"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-visa-electron"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-postepay"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-cartasi"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-unionpay"></i>
                                    </div>
                                    <div class="col-md-3 col-sm-4 text-center"><i class="pw pw-ec"></i>
                                    </div>
                                </div>

                                <!-- /.pad -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row - inside box -->
                    </div>
                    <!-- /.box-body -->

                </div>
                <!-- /.box -->

            </section>
        </div>

        <!--  FLAG ICON -->
        <div class="row">
            <section class="col-lg-12">
                <!-- Box (with bar chart) -->
                <div class="box box-danger" id="loading-example">
                    <div class="box-header">
                        <!-- tools box -->
                 
                        <h3 class="box-title">Flag SVG Icon</h3>
                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <div class="row">

                            <div class="col-sm-12">

                                <div class="row">
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ad" title="ad" id="ad"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ae" title="ae" id="ae"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-af" title="af" id="af"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ag" title="ag" id="ag"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ai" title="ai" id="ai"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-al" title="al" id="al"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-am" title="am" id="am"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ao" title="ao" id="ao"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-aq" title="aq" id="aq"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ar" title="ar" id="ar"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-as" title="as" id="as"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-at" title="at" id="at"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-au" title="au" id="au"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-aw" title="aw" id="aw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ax" title="ax" id="ax"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-az" title="az" id="az"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ba" title="ba" id="ba"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bb" title="bb" id="bb"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bd" title="bd" id="bd"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-be" title="be" id="be"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bf" title="bf" id="bf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bg" title="bg" id="bg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bh" title="bh" id="bh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bi" title="bi" id="bi"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bj" title="bj" id="bj"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bl" title="bl" id="bl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bm" title="bm" id="bm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bn" title="bn" id="bn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bo" title="bo" id="bo"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bq" title="bq" id="bq"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-br" title="br" id="br"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bs" title="bs" id="bs"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bt" title="bt" id="bt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bv" title="bv" id="bv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bw" title="bw" id="bw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-by" title="by" id="by"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-bz" title="bz" id="bz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ca" title="ca" id="ca"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cc" title="cc" id="cc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cd" title="cd" id="cd"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cf" title="cf" id="cf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cg" title="cg" id="cg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ch" title="ch" id="ch"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ci" title="ci" id="ci"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ck" title="ck" id="ck"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cl" title="cl" id="cl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cm" title="cm" id="cm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cn" title="cn" id="cn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-co" title="co" id="co"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cr" title="cr" id="cr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cu" title="cu" id="cu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cv" title="cv" id="cv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cw" title="cw" id="cw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cx" title="cx" id="cx"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cy" title="cy" id="cy"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-cz" title="cz" id="cz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-de" title="de" id="de"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-dj" title="dj" id="dj"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-dk" title="dk" id="dk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-dm" title="dm" id="dm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-do" title="do" id="do"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-dz" title="dz" id="dz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ec" title="ec" id="ec"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ee" title="ee" id="ee"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-eg" title="eg" id="eg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-eh" title="eh" id="eh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-er" title="er" id="er"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-es" title="es" id="es"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-et" title="et" id="et"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fi" title="fi" id="fi"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fj" title="fj" id="fj"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fk" title="fk" id="fk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fm" title="fm" id="fm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fo" title="fo" id="fo"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-fr" title="fr" id="fr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ga" title="ga" id="ga"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gb" title="gb" id="gb"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gd" title="gd" id="gd"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ge" title="ge" id="ge"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gf" title="gf" id="gf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gg" title="gg" id="gg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gh" title="gh" id="gh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gi" title="gi" id="gi"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gl" title="gl" id="gl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gm" title="gm" id="gm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gn" title="gn" id="gn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gp" title="gp" id="gp"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gq" title="gq" id="gq"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gr" title="gr" id="gr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gs" title="gs" id="gs"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gt" title="gt" id="gt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gu" title="gu" id="gu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gw" title="gw" id="gw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-gy" title="gy" id="gy"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-hk" title="hk" id="hk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-hm" title="hm" id="hm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-hn" title="hn" id="hn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-hr" title="hr" id="hr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ht" title="ht" id="ht"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-hu" title="hu" id="hu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-id" title="id" id="id"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ie" title="ie" id="ie"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-il" title="il" id="il"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-im" title="im" id="im"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-in" title="in" id="in"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-io" title="io" id="io"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-iq" title="iq" id="iq"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ir" title="ir" id="ir"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-is" title="is" id="is"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-it" title="it" id="it"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-je" title="je" id="je"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-jm" title="jm" id="jm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-jo" title="jo" id="jo"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-jp" title="jp" id="jp"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ke" title="ke" id="ke"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kg" title="kg" id="kg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kh" title="kh" id="kh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ki" title="ki" id="ki"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-km" title="km" id="km"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kn" title="kn" id="kn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kp" title="kp" id="kp"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kr" title="kr" id="kr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kw" title="kw" id="kw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ky" title="ky" id="ky"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-kz" title="kz" id="kz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-la" title="la" id="la"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lb" title="lb" id="lb"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lc" title="lc" id="lc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-li" title="li" id="li"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lk" title="lk" id="lk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lr" title="lr" id="lr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ls" title="ls" id="ls"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lt" title="lt" id="lt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lu" title="lu" id="lu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-lv" title="lv" id="lv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ly" title="ly" id="ly"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ma" title="ma" id="ma"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mc" title="mc" id="mc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-md" title="md" id="md"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-me" title="me" id="me"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mf" title="mf" id="mf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mg" title="mg" id="mg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mh" title="mh" id="mh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mk" title="mk" id="mk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ml" title="ml" id="ml"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mm" title="mm" id="mm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mn" title="mn" id="mn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mo" title="mo" id="mo"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mp" title="mp" id="mp"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mq" title="mq" id="mq"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mr" title="mr" id="mr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ms" title="ms" id="ms"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mt" title="mt" id="mt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mu" title="mu" id="mu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mv" title="mv" id="mv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mw" title="mw" id="mw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mx" title="mx" id="mx"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-my" title="my" id="my"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-mz" title="mz" id="mz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-na" title="na" id="na"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nc" title="nc" id="nc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ne" title="ne" id="ne"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nf" title="nf" id="nf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ng" title="ng" id="ng"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ni" title="ni" id="ni"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nl" title="nl" id="nl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-no" title="no" id="no"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-np" title="np" id="np"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nr" title="nr" id="nr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nu" title="nu" id="nu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-nz" title="nz" id="nz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-om" title="om" id="om"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pa" title="pa" id="pa"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pe" title="pe" id="pe"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pf" title="pf" id="pf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pg" title="pg" id="pg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ph" title="ph" id="ph"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pk" title="pk" id="pk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pl" title="pl" id="pl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pm" title="pm" id="pm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pn" title="pn" id="pn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pr" title="pr" id="pr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ps" title="ps" id="ps"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pt" title="pt" id="pt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-pw" title="pw" id="pw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-py" title="py" id="py"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-qa" title="qa" id="qa"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-re" title="re" id="re"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ro" title="ro" id="ro"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-rs" title="rs" id="rs"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ru" title="ru" id="ru"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-rw" title="rw" id="rw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sa" title="sa" id="sa"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sb" title="sb" id="sb"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sc" title="sc" id="sc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sd" title="sd" id="sd"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-se" title="se" id="se"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sg" title="sg" id="sg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sh" title="sh" id="sh"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-si" title="si" id="si"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sj" title="sj" id="sj"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sk" title="sk" id="sk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sl" title="sl" id="sl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sm" title="sm" id="sm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sn" title="sn" id="sn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-so" title="so" id="so"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sr" title="sr" id="sr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ss" title="ss" id="ss"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-st" title="st" id="st"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sv" title="sv" id="sv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sx" title="sx" id="sx"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sy" title="sy" id="sy"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-sz" title="sz" id="sz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tc" title="tc" id="tc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-td" title="td" id="td"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tf" title="tf" id="tf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tg" title="tg" id="tg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-th" title="th" id="th"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tj" title="tj" id="tj"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tk" title="tk" id="tk"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tl" title="tl" id="tl"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tm" title="tm" id="tm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tn" title="tn" id="tn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-to" title="to" id="to"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tr" title="tr" id="tr"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tt" title="tt" id="tt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tv" title="tv" id="tv"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tw" title="tw" id="tw"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-tz" title="tz" id="tz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ua" title="ua" id="ua"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ug" title="ug" id="ug"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-um" title="um" id="um"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-us" title="us" id="us"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-uy" title="uy" id="uy"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-uz" title="uz" id="uz"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-va" title="va" id="va"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-vc" title="vc" id="vc"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ve" title="ve" id="ve"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-vg" title="vg" id="vg"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-vi" title="vi" id="vi"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-vn" title="vn" id="vn"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-vu" title="vu" id="vu"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-wf" title="wf" id="wf"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ws" title="ws" id="ws"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-ye" title="ye" id="ye"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-yt" title="yt" id="yt"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-za" title="za" id="za"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-zm" title="zm" id="zm"></div>
                                        </div>
                                    </div>
                                    <div class="col-md-1 col-sm-2 col-xs-3">
                                        <div class="flag-wrapper">
                                            <div class="flag img-flag flag-icon-background flag-icon-zw" title="zw" id="zw"></div>
                                        </div>
                                    </div>


                                </div>

                                <!-- /.pad -->
                            </div>
                            <!-- /.col -->
                        </div>
                        <!-- /.row - inside box -->
                    </div>
                    <!-- /.box-body -->

                </div>
                <!-- /.box -->

            </section>
        </div>
        <!--  ./FLAG ICON -->


  
  
    <!-- /.row -->



    <script>
    /*     
     * Add collapse and remove events to boxes
     */
    $("[data-widget='collapse']").click(function() {
        //Find the box parent        
        var box = $(this).parents(".box").first();
        //Find the body and the footer
        var bf = box.find(".box-body, .box-footer");
        if (!box.hasClass("collapsed-box")) {
            box.addClass("collapsed-box");
            bf.slideUp();
        } else {
            box.removeClass("collapsed-box");
            bf.slideDown();
        }
    });

    /*
     * INITIALIZE BUTTON TOGGLE
     * ------------------------
     */
    $('.btn-group[data-toggle="btn-toggle"]').each(function() {
        var group = $(this);
        $(this).find(".btn").click(function(e) {
            group.find(".btn.active").removeClass("active");
            $(this).addClass("active");
            e.preventDefault();
        });

    });

    $("[data-widget='remove']").click(function() {
        //Find the box parent        
        var box = $(this).parents(".box").first();
        box.slideUp();
    });
    </script>
